"Complete Guide to AI Agent Skills for Frontend Developers"

Frontend development is more than HTML/CSS/JS — component architecture, state management, performance, and accessibility each require specialized knowledge.

Top 10 Frontend Skills

1. shadcn ⭐ 117K

shadcn/ui component library best practices.

View details →

2. banner-design ⭐ 95K

UI/UX design principles — spacing, typography, color theory, responsive layout.

View details →

3. accessibility ⭐ 220K

WCAG accessibility standards implementation.

View details →

4. react-doctor ⭐ 13K

React-specific code review tool.

View details →

5. webapp-testing ⭐ 154K

E2E testing with Python Playwright.

View details →

6. design-system ⭐ 15K

Design system architecture and maintenance.

View details →

7. frontend-slides ⭐ 22K

Create presentations with frontend tech (Slidev/Reveal.js).

View details →

8. css-optimization ⭐ 5K

CSS performance optimization.

View details →

9. api-design ⭐ 10K

RESTful API design and integration.

View details →

10. coding-standards ⭐ 8K

General coding standards.

View details →

By Framework

React: shadcn + react-doctor + webapp-testing Vue: accessibility + webapp-testing + coding-standards Svelte/Other: accessibility + webapp-testing + coding-standards

Install

# shadcn
git clone --depth 1 https://github.com/shadcn-ui/ui.git && cp ui/skills/shadcn ~/.claude/skills/shadcn

Check SkillsNav Frontend category for the latest.