Apply Vercel performance optimization rules to React and Next.js code.
npx skills add https://github.com/thkt/dotclaude --skill vercel-react
Please help me install this Agent Skill. Skill: vercel-react Source: https://github.com/thkt/dotclaude/tree/main/skills/vercel-react Command: npx skills add https://github.com/thkt/dotclaude --skill vercel-react
This Skill provides a curated set of rules and best practices from Vercel Engineering to significantly improve the performance of React and Next.js applications.
Fetch the 'async-parallel' rule from the Vercel React performance skill.
High-intent search queries and answers about installing and using this skill.
To optimize React and Next.js performance during code review, apply Vercel engineering rules targeting waterfalls, bundle size reduction, server-side rendering efficiency, and client-side data fetching strategies.
The best way to eliminate data fetching waterfalls in Next.js is to fetch 'async-parallel' data, preventing sequential requests and ensuring efficient client-side data fetching strategies.
Reduce React bundle size by using dynamic imports effectively and enforcing optimization rules for React components, which minimizes the initial bundle size delivered to the client.
Yes, you can use these rules for server-side rendering optimization, as the guidelines specifically address rendering efficiency alongside bundle size and data fetching strategies.
You need to apply dynamic imports in Next.js development when adding new features to ensure effective bundle optimization and minimize the initial bundle size, preventing unnecessary client-side loading.
blockmatic-iceboxApply React and Next.js performance best practices across components, pages, and data fetching.
christhz666Provide performance optimization guidelines for React and Next.js applications.
thiagoooo34252Configure CI/CD pipelines with quality gates and deployment strategies.
Colten-CovingtonProfiles React component rendering and bundle sizes to resolve web performance bottlenecks.
