frontend-design
Create high-quality, production-ready frontend interfaces with distinct designs using React, HTML, and CSS.

Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers access, and 'use client' directive. Activates when prompt mentions useSearchParams, Suspense, navigation, routing, Link component, redirect, pathname, searchParams, cookies, headers, async components, or 'use client'. Essential for avoiding mixing server/client APIs.
npx skills add wsimmonds/claude-nextjs-skillsCreate high-quality, production-ready frontend interfaces with distinct designs using React, HTML, and CSS.

Audits and diagnoses SEO issues on websites, including technical SEO and ranking problems.

Audit websites for SEO, performance, security, and other issues using squirrelscan CLI with LLM-optimized reports.

Next.js best practices including file conventions, RSC boundaries, data patterns, and optimization techniques.

Automates SEO-driven page creation using templates and data at scale.
