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,402 skills, Frontend Development has 4860 skills

Categories

Showing 12 of 4860 skills

Per page
Downloads
Sort
Frontend Developmentaddyosmani/web-quality-sk...

best-practices

Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".

🇺🇸|EnglishTranslated
19
Frontend Developmentmodu-ai/moai-adk

moai-domain-frontend

Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.

🇺🇸|EnglishTranslated
19
Frontend Developmentjeffallan/claude-skills

typescript-pro

Use when building TypeScript applications requiring advanced type systems, generics, or full-stack type safety. Invoke for type guards, utility types, tRPC integration, monorepo setup.

🇺🇸|EnglishTranslated
19
Frontend Developmentemalorenzo/three-agent-sk...

r3f-best-practices

React Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code. Triggers on tasks involving @react-three/fiber, @react-three/drei, zustand, @react-three/postprocessing, @react-three/rapier, or leva.

🇺🇸|EnglishTranslated
19
Frontend Developmentcloudai-x/threejs-skills

threejs-fundamentals

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

🇺🇸|EnglishTranslated
19
Frontend Developmentalicoder001/agent-skills

react-hooks

Custom React hooks patterns including useDebounce, useLocalStorage, useMediaQuery, useClickOutside, and more. Use when creating reusable hook logic or implementing common UI patterns.

🇺🇸|EnglishTranslated
19
Frontend Developmentjeffallan/claude-skills

react-expert

Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke for Server Components, performance optimization, Suspense boundaries, React 19 features.

🇺🇸|EnglishTranslated
19
Frontend Developmentassistant-ui/skills

runtime

Guide for assistant-ui runtime system and state management. Use when working with runtimes, accessing state, or managing thread/message data.

🇺🇸|EnglishTranslated
19
Frontend Developmentbrianlovin/claude-config

rams

Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.

🇺🇸|EnglishTranslated
19
Frontend Developmentasyrafhussin/agent-skills

laravel-inertia-react

Laravel + Inertia.js + React integration patterns. Use when building Inertia page components, handling forms with useForm, managing shared data, or implementing persistent layouts. Triggers on tasks involving Inertia.js, page props, form handling, or Laravel React integration.

🇺🇸|EnglishTranslated
19
Frontend Developmentwshobson/agents

wcag-audit-patterns

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.

🇺🇸|EnglishTranslated
19
Frontend Developmentvuejs-ai/skills

vue-options-api-best-practices

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

🇺🇸|EnglishTranslated
19
1...2223242526...405
Page