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 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 Developmentrstackjs/agent-skills

rsdoctor-analysis

Analyze Rspack/Webpack bundles from local Rsdoctor build data without MCP. Zero-dependency JS CLI for chunk/module/package/loader insights.

🇺🇸|EnglishTranslated
13
1 scripts/Attention
Frontend Developmentliuchiawei/agent-skills

next-intl-app-router

Configures and uses next-intl for Next.js App Router with locale-based routing. Use when adding or changing i18n, locale routing, translations, next-intl plugin, middleware/proxy, or message files in Next.js App Router projects.

🇺🇸|EnglishTranslated
13
5 scripts/Attention
Frontend Developmentpatricio0312rev/skills

accessibility-auditor

Audits and implements web accessibility (a11y) following WCAG 2.1 guidelines with ARIA patterns, keyboard navigation, screen reader support, and contrast checking. Use when users request "accessibility audit", "a11y review", "WCAG compliance", "screen reader support", or "keyboard navigation".

🇺🇸|EnglishTranslated
13
Frontend Developmentalfredoperez/angular-best...

angular-best-practices-signalstore

NgRx SignalStore best practices for Angular. Install alongside angular-best-practices.

🇺🇸|EnglishTranslated
13
Frontend Developmentantvis/infographic

infographic-syntax-creator

Generate AntV Infographic syntax outputs. Use when asked to turn user content into the Infographic DSL (template selection, data structuring, theme), or to output `infographic <template>` plain syntax.

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