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

Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management. Invoke for Server Components, Suspense boundaries, useActionState forms, performance optimization, or React 19 features.
npx skills add jeffallan/claude-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.
