Add community-sourced skills covering: Coding & Quality: - code-optimizer: 13-domain parallel optimization audit - react-best-practices: 57 React/Next.js performance rules (Vercel) - best-practices: Web security, CSP, HTTPS, HTML validity UI & Design: - userinterface-wiki: 152 UI/UX rules (animations, springs, UX laws, typography) - make-interfaces-feel-better: 16 practical polish principles Testing & Audit: - web-quality-audit: Lighthouse-style 150+ checks - accessibility: WCAG guidelines and ARIA patterns - core-web-vitals: LCP/CLS/INP deep dive - web-design-guidelines: Vercel Web Interface Guidelines Tooling: - agent-browser: Browser automation CLI for testing and scraping
15 lines
921 B
JSON
15 lines
921 B
JSON
{
|
|
"version": "1.0.0",
|
|
"organization": "Vercel Engineering",
|
|
"date": "January 2026",
|
|
"abstract": "Comprehensive performance optimization guide for React and Next.js applications, designed for AI agents and LLMs. Contains 40+ rules across 8 categories, prioritized by impact from critical (eliminating waterfalls, reducing bundle size) to incremental (advanced patterns). Each rule includes detailed explanations, real-world examples comparing incorrect vs. correct implementations, and specific impact metrics to guide automated refactoring and code generation.",
|
|
"references": [
|
|
"https://react.dev",
|
|
"https://nextjs.org",
|
|
"https://swr.vercel.app",
|
|
"https://github.com/shuding/better-all",
|
|
"https://github.com/isaacs/node-lru-cache",
|
|
"https://vercel.com/blog/how-we-optimized-package-imports-in-next-js",
|
|
"https://vercel.com/blog/how-we-made-the-vercel-dashboard-twice-as-fast"
|
|
]
|
|
}
|