Skill4Agent
Skill4Agent
All SkillsSearchTools
|
Explore
Skill4Agent
Skill4Agent

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

  • Home
  • All Skills
  • Search
  • Tools

About

  • About Us
  • Disclaimer
  • Copyright

Help

  • FAQ
  • Privacy
  • Terms
Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

All Skills

Total 50,907 skills, Frontend Development has 4880 skills

Categories

Showing 12 of 4880 skills

Per page
Downloads
Sort
Frontend Developmentmarius-townhouse/effectiv...

template-literal-types

Use when modeling structured string patterns. Use when parsing DSLs like CSS selectors. Use when transforming string types. Use when validating string formats. Use when combining with mapped types.

🇺🇸|EnglishTranslated
4
Frontend Developmentopusgamelabs/game-creator

make-game

Full guided pipeline — scaffold, design, audio, deploy, and monetize a game from scratch

🇺🇸|EnglishTranslated
4
Frontend Developmentbaidu-maps/jsapi-skills

bmap-jsapi-gl

Baidu Maps JSAPI WebGL (BMapGL) Development Guide. This skill should be applied when writing, reviewing, or debugging code that uses the Baidu Maps API. It is suitable for tasks involving map initialization, overlay rendering, layer management, event handling, control interaction, or performance optimization. It is automatically triggered when users mention BMapGL, Baidu Maps, jsapi-gl, or related map development requirements.

🇨🇳|ChineseTranslated
4
Frontend Developmentrstackjs/agent-skills

rsbuild-best-practices

Rsbuild best practices for config, CLI workflow, type checking, bundle optimization, assets, and debugging. Use when writing, reviewing, or troubleshooting Rsbuild projects.

🇺🇸|EnglishTranslated
4
Frontend Developmentthebushidocollective/han

typescript-async-patterns

Use when typeScript async patterns including Promises, async/await, and async iterators with proper typing. Use when writing asynchronous TypeScript code.

🇺🇸|EnglishTranslated
4
Frontend Developmentmhattingpete/claude-skill...

flowchart-creator

Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams, workflow visualizations, or decision trees.

🇺🇸|EnglishTranslated
4
Frontend Developmentlingxling/awesome-skills-...

algorithmic-art

Create algorithmic art using p5.js with seed-based randomness and interactive parameter exploration. Use this when users request to create art with code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art instead of copying existing artists' works to avoid copyright infringement.

🇨🇳|ChineseTranslated
4
Frontend Developmentfusengine/agents

responsive-system

Use when implementing responsive layouts, mobile-first design, or adaptive components. Covers breakpoints, container queries, fluid typography.

🇺🇸|EnglishTranslated
4
Frontend Developmentfusengine/agents

tailwindcss-effects

Effects utilities Tailwind CSS v4.1. Shadows (shadow-*, shadow-color, inset-shadow-* NEW), Opacity (opacity-*), Filters (blur, brightness, contrast, grayscale, sepia), Backdrop filters (backdrop-blur-*, backdrop-brightness-*), Masks (mask-* NEW).

🇺🇸|EnglishTranslated
4
Frontend Developmentl3digital-net/claude-code...

qt-dialogs

Qt dialog patterns — QDialog, QMessageBox, QFileDialog, QInputDialog, and custom modal/modeless dialogs. Use when creating confirmation prompts, file pickers, settings dialogs, custom data entry dialogs, or wizard-style multi-step dialogs. Trigger phrases: "dialog", "QMessageBox", "QFileDialog", "QInputDialog", "modal", "modeless", "settings dialog", "confirm dialog", "custom dialog", "file picker", "wizard", "popup"

🇺🇸|EnglishTranslated
4
Frontend Developmenttwofoldtech-dakota/claude...

frontend-razor

Razor view patterns for Optimizely CMS projects

🇺🇸|EnglishTranslated
4
Frontend Developmentwebflow/webflow-skills

flowkit-naming

Apply Flowkit CSS naming system in Webflow. Use when creating classes, auditing existing naming, or building new components following Flowkit conventions. Flowkit is Webflow's official CSS framework with utility-first approach.

🇺🇸|EnglishTranslated
4
1...391392393394395...407
Page