Instructions for t-code4change/nextjs-claude-skills, covering next.js best practices — ai agent rules, critical: server vs client components, critical: data fetching, seo — always apply and images.
Next.js Cache Components and Partial Prerendering (PPR). Use when implementing 'use cache' directive, cacheLife() profiles, cacheTag()/updateTag() invalidation, PPR static shells with dynamic streaming, or debugging cache issues. Auto-activates in projects with cacheComponents: true in next.config.ts.
Next.js App Router fundamentals and anti-patterns. Use when reviewing code for best practices, debugging routing issues, migrating from Pages Router, handling Server vs Client component boundaries, implementing Server Actions, or fixing hydration errors. Synthesized from wsimmonds/claude-nextjs-skills (eval-validated…
React and Next.js performance optimization — 70 rules from Vercel Engineering across 8 categories. Use when eliminating data waterfalls, reducing bundle size, preventing unnecessary re-renders, or optimizing Server Components. Triggers on: Promise.all, Suspense, useMemo, dynamic imports, barrel imports, bundle…
Flagship SEO + Performance skill for Next.js App Router. Use when implementing or auditing SEO (metadata, Open Graph, JSON-LD, sitemap, robots, canonical, hreflang), optimizing Core Web Vitals (LCP/INP/CLS), optimizing images/fonts/ scripts/bundles, setting up Web Vitals monitoring, or diagnosing Google indexing…