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 44,306 skills, Frontend Development has 4510 skills

Categories

Showing 12 of 4510 skills

Per page
Downloads
Sort
Frontend Developmentpersonamanagmentlayer/pcl

typescript-expert

Expert-level TypeScript development with modern tooling, advanced types, and best practices. Use this skill for TypeScript projects requiring type-safe code, modern bundling, and comprehensive testing.

🇺🇸|EnglishTranslated
4
Frontend Developmentnoklip-io/agent-skills

react-19

React 19 patterns and breaking changes vs React 18. Trigger: When writing React 19 components/hooks in .tsx (ref as prop, new hooks, Actions, deprecations). If using Next.js App Router/Server Actions, also use nextjs-15.

🇺🇸|EnglishTranslated
4
Frontend Developmentyuniorglez/gemini-elite-c...

ui-ux-specialist

Senior Accessibility & Frontend Engineer. Expert in WCAG 2.2 standards, Semantic HTML, and Inclusive Design for 2026.

🇺🇸|EnglishTranslated
4
Frontend Developmentyonatangross/orchestkit

recharts-patterns

Data visualization with Recharts 3.x including responsive charts, custom tooltips, animations, and accessibility for React applications. Use when building charts or dashboards with Recharts.

🇺🇸|EnglishTranslated
4
Frontend Developmentihlamury/design-skills

stripe-ui-skills

Stripe's UI design system. Use when building interfaces inspired by Stripe's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated
4
Frontend Developmentthebushidocollective/han

atomic-design-organisms

Use when building complex organisms from molecules and atoms like headers, footers, product cards, and sidebars. Organisms are distinct UI sections.

🇺🇸|EnglishTranslated
4
Frontend Developmentpatonchain/french-claude

french-claude

World-class design and motion. Use when designing interfaces, building front-ends, or when craft matters. Triggers on "design this", "make it beautiful", or "be french claude".

🇺🇸|EnglishTranslated
4
Frontend Developmentsecondsky/claude-skills

nuxt-core

Nuxt 4 core framework fundamentals: project setup, configuration, routing, SEO, error handling, and directory structure. Use when: creating new Nuxt 4 projects, configuring nuxt.config.ts, setting up routing and middleware, implementing SEO with useHead/useSeoMeta, handling errors with error.vue and NuxtErrorBoundary, or understanding Nuxt 4 directory structure. Keywords: Nuxt 4, nuxt.config.ts, file-based routing, pages directory, definePageMeta, useHead, useSeoMeta, error.vue, NuxtErrorBoundary, middleware, navigateTo, NuxtLink, app directory, runtime config

🇺🇸|EnglishTranslated
4
2 scripts/Checked
Frontend Developmentmindrally/skills

webpack-bundler

Best practices and guidelines for Webpack module bundler configuration, optimization, and development workflows

🇺🇸|EnglishTranslated
4
Frontend Developmentmindrally/skills

astro

Expert in Astro framework with static generation and partial hydration patterns

🇺🇸|EnglishTranslated
4
Frontend Developmentmindrally/skills

accessibility-a11y

Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.

🇺🇸|EnglishTranslated
4
Frontend Developmentmindrally/skills

zod-schema-validation

Best practices for Zod schema validation and type inference in TypeScript applications.

🇺🇸|EnglishTranslated
4
1...213214215216217...376
Page