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 31,080 skills, Frontend Development has 3063 skills

Categories

Showing 12 of 3063 skills

Per page
Downloads
Sort
Frontend Developmentwebflow/webflow-skills

accessibility-audit

Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates detailed reports with fixes. Requires Webflow Designer connection. Excludes image alt text (covered by asset-audit skill).

🇺🇸|EnglishTranslated
2
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
2
1 scripts/Attention
Frontend Developmentmindrally/skills

motion

Expert guidelines for building performant animations with Motion (formerly Motion One) vanilla JavaScript animation library

🇺🇸|EnglishTranslated
2
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
2
5 scripts/Attention
Frontend Developmentpproenca/dot-skills

react-code-smells

Principal-engineer-level React refactoring patterns for eliminating code smells. Covers prop drilling, state explosion, component composition, abstraction quality, coupling, hooks, rendering patterns, and testability. Use when refactoring existing React codebases, reviewing PRs for architectural issues, or identifying technical debt in React applications.

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

angular-architecture

Angular architecture: Scope Rule, project structure, file naming, style guide. Trigger: When structuring Angular projects or deciding where to place components.

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

micro-interactions

Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.

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

angular-best-practices-signalstore

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

🇺🇸|EnglishTranslated
2
Frontend Developmentmapbox/mapbox-agent-skill...

mapbox-maplibre-migration

Guide for migrating from MapLibre GL JS to Mapbox GL JS, covering API compatibility, token setup, style configuration, and the benefits of Mapbox's official support and ecosystem

🇺🇸|EnglishTranslated
2
Frontend Developmentantvis/infographic

infographic-template-updater

Update template catalogs and UI prompts after adding new infographic templates (src/templates/*.ts), including SKILL.md template list, site gallery template mappings, and the AIPlayground prompt list.

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

page-transitions

Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.

🇺🇸|EnglishTranslated
2
Frontend Developmentnuxt-modules/mcp-toolkit

manage-mcp

Manage MCP servers in Nuxt - setup, create, customize with middleware, review, and troubleshoot

🇺🇸|EnglishTranslated
2
1...7475767778...256
Page