Home › Agent skills › React Best Practices & Web Design Guidelines
Design & Frontend
React Best Practices & Web Design Guidelines skill
Two official Vercel skills. react-best-practices carries Vercel Engineering's React and Next.js performance rules and applies them while the agent writes or reviews components, data fetching and bundles. web-design-guidelines reviews UI code against the Web Interface Guidelines for accessibility and UX.
Why it matters
Frontend code is where agents produce the most plausible-looking mistakes. These turn a vendor's own guidance into checks the agent applies as it works.
How to install React Best Practices & Web Design Guidelines
- With the skills CLI. One command copies the skill into your project:
npx skills add vercel-labs/agent-skills - In AGNT. Download AGNT free, then add the skill folder from Skills → Import. It runs with the model you choose, next to your agents, workflows and memory.
Source and maintenance
| Repository | vercel-labs/agent-skills |
| GitHub stars (13 November 2026) | 34,003 |
| Last commit | 27 Oct 2026 |
| Category | Design & Frontend |
| Ranked | #18 in The 100 Best AI Agent Skills in 2027 |
Checked against GitHub on 13 November 2026.
Related skills
Design & Frontend
Frontend Design
Anthropic's official skill that breaks the "distributional convergence" pattern — where every AI-generated…
Design & Frontend
Web Artifacts Builder
Suite of tools for creating elaborate, multi-component HTML artifacts using React, Tailwind CSS, and…
Design & Frontend
Canvas Design
Creates beautiful visual art in PNG and PDF formats using design philosophies and aesthetic principles.
Design & Frontend
Theme Factory
Applies professional font and color themes to artifacts including slides, docs, reports, and HTML landing…
Design & Frontend
Brand Guidelines
Applies specific brand colors, typography, spacing rules, and design standards to any artifact the agent…
Design & Frontend
Excalidraw Diagram Generator
Generates production-quality architecture diagrams, system designs, and data flow visualizations from…
All 93 skill install guides · The 100 Best AI Agent Skills in 2027