https://topaiskills.com/tags/performance/Recent content in Performance on Top AI SkillsHugoenFri, 05 Jun 2026 00:00:00 +0000https://topaiskills.com/skills/coding/vercel-react-best-practices/Fri, 05 Jun 2026 00:00:00 +0000https://topaiskills.com/skills/coding/vercel-react-best-practices/<h2 id="what-it-is">What It Is</h2> <p>An official Vercel skill that packs 64 performance rules for React and Next.js into a format AI agents can follow. Covers rendering strategy, state management, component design, data fetching, performance optimization, type safety, accessibility, and testing. Install it in Claude Code and the AI writes code aligned with Vercel conventions without you prompting it.</p> <h2 id="whats-actually-different">What&rsquo;s Actually Different</h2> <p>Writing &ldquo;follow React best practices&rdquo; in your prompt gives you inconsistent results that vary by model. This skill encodes 64 specific, conditional rules from Vercel&rsquo;s team — they don&rsquo;t drift. More importantly, these rules are Next.js-aware: Server Components, App Router, <code>use cache</code>, and other framework-specific patterns that generic React advice ignores. The rules tell the AI not just what to do, but when and why.</p>https://topaiskills.com/tutorials/guides/vercel-react-best-practices/Thu, 04 Jun 2026 00:00:00 +0000https://topaiskills.com/tutorials/guides/vercel-react-best-practices/<h2 id="what-this-skill-actually-does">What This Skill Actually Does</h2> <p>Vercel packages their React and Next.js performance knowledge into 64 rules. Once installed, your AI assistant follows them automatically when writing code. The rules cover rendering strategy, state management, component design, data fetching, performance optimization, type safety, accessibility, and testing — 8 categories total.</p> <p>The skill lives inside the larger <code>vercel-plugin</code> package, which bundles 25 skills covering the entire Vercel ecosystem. You can install just the React best practices skill, or the full plugin.</p>