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,503 skills, Frontend Development has 4863 skills

Categories

Showing 12 of 4863 skills

Per page
Downloads
Sort
Frontend Developmentthebushidocollective/han

react-hooks-patterns

Use when React Hooks patterns including useState, useEffect, useContext, useMemo, useCallback, and custom hooks. Use for modern React development.

🇺🇸|EnglishTranslated
13
Frontend Developmentjgamaraalv/ts-dev-kit

react-best-practices

React and Next.js performance patterns. Use when writing, reviewing, or optimizing React components.

🇺🇸|EnglishTranslated
13
Frontend Developmentdocyrus/agent-skills

docyrus-app-ui-design

Design and build production-grade UI components for Docyrus React applications using preferred component libraries. Use when creating dashboards, forms, data tables, layouts, or any UI elements. Triggers on tasks involving component selection, UI design, dashboard creation, layout design, shadcn, diceui, animate-ui, docyrus-ui, reui components, or requests to build user interfaces.

🇺🇸|EnglishTranslated
13
Frontend Developmentunlayer/unlayer-skills

unlayer-integration

Integrates the Unlayer editor into web applications — React, Vue, Angular, or plain JavaScript setup, component props, editor access patterns, multiple instances.

🇺🇸|EnglishTranslated
13
Frontend Developmentgentleman-programming/gen...

angular-forms

Angular forms: Signal Forms (experimental) and Reactive Forms. Trigger: When working with forms, validation, or form state in Angular.

🇺🇸|EnglishTranslated
13
Frontend Developmentbobmatnyc/claude-mpm-skil...

tanstack-query

TanStack Query (React Query) for asynchronous server-state management with automatic caching, background refetching, optimistic updates, and pagination in React applications.

🇺🇸|EnglishTranslated
13
Frontend Developmentbaphomet480/claude-skills

design-lookup

Search and retrieve CSS components, SVG icons, design patterns, and visual inspiration from the web. Use when the user asks to find, look up, or search for CSS snippets, SVG icons, UI components, loading spinners, animations, design inspiration, or any visual/frontend design resource. Triggers on requests like "find me a CSS button", "look up an SVG spinner", "search for a card component", "find a wave divider SVG", or "get design inspiration for a dashboard".

🇺🇸|EnglishTranslated
13
1 scripts/Checked
Frontend Developmentbaphomet480/claude-skills

hugo-sveltia-cms

Bootstrap new Hugo sites with Sveltia CMS and Basecoat UI, or convert existing sites (any SSG or CMS) to Hugo + Sveltia CMS. Use this skill whenever the user mentions Hugo, Sveltia CMS, Decap CMS migration, TinaCMS migration, static site CMS setup, headless CMS for Hugo, or wants to add a content management interface to a Hugo site. Also trigger when converting WordPress, Jekyll, Eleventy, TinaCMS, or other sites to Hugo, or when setting up Git-based content management. Covers the full workflow from scaffolding through Cloudflare Pages deployment with GitHub OAuth authentication.

🇺🇸|EnglishTranslated
13
2 scripts/Attention
Frontend Developmentdylantarre/animation-prin...

implementation-debugging

Use when animation doesn't work as expected, has bugs, or behaves inconsistently

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

calm-relaxation

Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.

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

universal-patterns

Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.

🇺🇸|EnglishTranslated
13
Frontend Developmentterraphim/opencode-skills

gpui-components

Generates Rust code for GPUI desktop UI components following Zed editor patterns. Use when building desktop applications with gpui crate, creating themed UI components, implementing autocomplete/completions, building command palettes, or working with the gpui-component library. Covers RenderOnce components, Entity state management, theming with ActiveTheme, and Zed-style UI patterns.

🇺🇸|EnglishTranslated
13
1...7475767778...406
Page