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,540 skills, Frontend Development has 4868 skills

Categories

Showing 12 of 4868 skills

Per page
Downloads
Sort
Frontend Developmentpatternsdev/skills

render-functions

Teaches Vue render functions and JSX for programmatic template creation. Use when templates are too limiting and you need the full power of JavaScript to construct component output dynamically.

🇺🇸|EnglishTranslated
9
Frontend Developmentkimny1143/claude-code-tem...

core-web-vitals

Core Web Vitals計測・診断スキル。Lighthouse CLI、Bundle Analyzer、パフォーマンス問題の特定と対策。

🇺🇸|EnglishTranslated
9
Frontend Developmentmajesticlabs-dev/majestic...

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications. Includes framework-specific guidance for Tailwind, React, Vue, and Rails/Hotwire ecosystems.

🇺🇸|EnglishTranslated
9
Frontend Developmentamorriscode/agent-grimoir...

react-development

React patterns, anti-patterns, and performance optimization. Use when writing React components, reviewing React code, or debugging React issues.

🇺🇸|EnglishTranslated
9
Frontend Developmentdang-hai/agentpulse

agentpulse-setup

Set up AgentPulse in a React or Electron project. Use when the user wants to add AgentPulse, make their app MCP-controllable, or integrate with Claude Code/Claude Desktop. This is a ONE-TIME setup skill. For help writing useExpose hooks, use the "agentpulse" skill instead.

🇺🇸|EnglishTranslated
9
Frontend Developmentdylantarre/animation-prin...

urgency-action

Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.

🇺🇸|EnglishTranslated
9
Frontend Developmentteachingai/full-stack-ski...

layui-vue3

Provides comprehensive guidance for Layui Vue component library including components, layer dialogs, and utilities. Use when the user asks about Layui Vue, needs to use Layui components in Vue 3, or implement UI components.

🇺🇸|EnglishTranslated
9
Frontend Developmentthebushidocollective/han

ink-hooks-state

Use when managing state and side effects in Ink applications using React hooks for terminal UIs.

🇺🇸|EnglishTranslated
9
Frontend Developmentautumnsgrove/groveengine

deer-sense

Sense accessibility barriers with gentle awareness. Listen to the forest, scan for obstacles, test the paths, guide toward inclusion, and protect all wanderers. Use when auditing accessibility, testing for a11y, or ensuring inclusive design.

🇺🇸|EnglishTranslated
9
Frontend Developmentrohitg00/awesome-claude-c...

react-patterns

React 19 patterns including Server Components, Actions, Suspense, hooks, and component composition

🇺🇸|EnglishTranslated
9
Frontend Developmentdokhacgiakhoa/antigravity...

tailwind-patterns

Tailwind CSS v4 principles and modern design tokens.

🇺🇸|EnglishTranslated
9
Frontend Developmentserkodev/vue-skills

create-agnostic-composable

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating agnostic or reusable composables.

🇺🇸|EnglishTranslated
9
1...222223224225226...406
Page