"Top 10 AI Agent Skills for React Developers"

React development involves component architecture, hooks, state management, SSR/SSG, testing, and styling. These 10 skills help your AI handle all of it.

Top 10 Skills

1. shadcn ⭐ 117K

shadcn/ui component library best practices. If your project uses shadcn/ui, this skill is essential.

View details →

2. banner-design ⭐ 95K

UI/UX design best practices — spacing, typography, color, responsive layout.

View details →

3. accessibility ⭐ 220K

WCAG accessibility standards — ARIA labels, keyboard navigation, color contrast, screen reader compatibility.

View details →

4. react-doctor ⭐ 13K

React-specific code review: unnecessary re-renders, missing keys, incorrect hook usage, memory leaks.

View details →

5. webapp-testing ⭐ 154K

E2E testing with Python Playwright — render components, simulate interactions, verify state.

View details →

6. design-system ⭐ 15K

Building and maintaining design systems — tokens, component hierarchy, documentation.

View details →

7. frontend-slides ⭐ 22K

Create presentations with React + Slidev/Reveal.js.

View details →

8. css-optimization ⭐ 5K

CSS performance best practices.

View details →

9. api-design ⭐ 10K

RESTful API design and integration with React Query/SWR.

View details →

10. coding-standards ⭐ 8K

General coding standards applicable to all React projects.

View details →

Recommended Combos

Beginner: shadcn + webapp-testing + coding-standards Full-stack: shadcn + react-doctor + api-design + webapp-testing + accessibility Component library: design-system + shadcn + accessibility + 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 frontend skills.