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

Captures before/after screenshots of web pages or elements for visual comparison. Use when user says "take before and after", "screenshot comparison", "visual diff", "PR screenshots", "compare old and new", or needs to document UI changes. Accepts two URLs (file://, http://, https://) or two image paths.
npx skills add vercel-labs/before-and-afterCreate 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.
