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 43,502 skills, Frontend Development has 4473 skills

Categories

Showing 12 of 4473 skills

Per page
Downloads
Sort
Frontend Developmentmicrosoft/agent-skills

react-flow-node-ts

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

🇺🇸|EnglishTranslated
40
1 scripts/Checked
Frontend Developmentmicrosoft/agent-skills

zustand-store-ts

Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.

🇺🇸|EnglishTranslated
40
1 scripts/Checked
Frontend Developmentlongbridge/gpui-component

generate-component-story

Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.

🇺🇸|EnglishTranslated
40
Frontend Developmentshipshitdev/library

tailwind-validator

Validate Tailwind CSS v4 configuration and detect/prevent Tailwind v3 patterns. Use this skill when setting up Tailwind, auditing CSS configuration, or when you suspect outdated Tailwind patterns are being used. Ensures CSS-first configuration with @theme blocks.

🇺🇸|EnglishTranslated
40
1 scripts/Checked
Frontend Developmentjosiahsiegel/claude-plugi...

tailwindcss-performance

Tailwind CSS performance optimization including v4 improvements and best practices

🇺🇸|EnglishTranslated
39
Frontend Developmentshipshitdev/library

clerk-validator

Validate Clerk authentication configuration and detect deprecated patterns. Ensures proper proxy.ts usage (Next.js 16), ClerkProvider setup, and modern auth patterns. Use before any Clerk work or when auditing existing auth implementations.

🇺🇸|EnglishTranslated
38
Frontend Developmentshipshitdev/library

content-script-developer

Expert in browser extension content scripts, DOM integration, and safe page augmentation across modern web apps.

🇺🇸|EnglishTranslated
37
Frontend Developmentjosiahsiegel/claude-plugi...

tailwindcss-debugging

Tailwind CSS debugging and troubleshooting guide for common issues and solutions

🇺🇸|EnglishTranslated
36
Frontend Developmentshipshitdev/library

quick-view

Generate minimal HTML pages to review Claude Code output in a browser. Use when terminal output is hard to read, when reviewing lists/tables/drafts, or when user says "show me", "make this reviewable", "quick view", or "open as webpage". Produces unstyled semantic HTML only. For granular feedback with inline comments, see the comment-mode skill.

🇺🇸|EnglishTranslated
35
Frontend Developmentshipshitdev/library

package-architect

Design and maintain TypeScript packages in a monorepo, including exports and build configuration.

🇺🇸|EnglishTranslated
33
Frontend Developmentantfu/skills

pinia

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.

🇺🇸|EnglishTranslated
28
Frontend Developmentwshobson/agents

interaction-design

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

🇺🇸|EnglishTranslated
27
1...1011121314...373
Page