Claude Code skills, ranked by how many sources recommend each.
12 skills
Build React + Tailwind + shadcn/ui web artifacts and interactive deliverables.
Push Claude toward distinctive, production-grade UI over generic AI aesthetics.
Apply Vercel's 40+ React/Next.js performance rules to your code.
Accessibility audit-and-fix skill checking against WCAG 2.2 A/AA.
Dual-mode UX design skills: controlled WCAG-compliant production vs innovative exploratory.
Project-aware shadcn/ui skill so Claude installs and composes components correctly.
Gives Claude knowledge of 2,500+ shadcn/ui blocks to select, install, and compose UI sections.
Design-intelligence skill with style libraries, palettes, font pairings, and a design-system generator.
Teaches React component architecture: compound components, context, state lifting.
Audits UI code against 100+ accessibility, performance, and UX rules.
Eight aesthetic anchors that lock palette, typography, and texture to specific CSS tokens.
Implements smooth animations with React's View Transition API in Next.js.