Create distinctive, production-grade frontend interfaces with high design quality
Skills
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Complete CLAUDE.md for React + TypeScript projects
CLAUDE.md
Complete CLAUDE.md configuration for React + TypeScript projects with best practices for component architecture, state management, testing patterns, and deployment workflows.
Comprehensive coding standards for Next.js 14+ with TypeScript
Rules
Comprehensive coding standards for Next.js 14+ with TypeScript, covering App Router patterns, server components, data fetching, and modern React patterns.
Toolkit for interacting with and testing local web applications using Playwright
Skills
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Suite of tools for creating elaborate, multi-component claude
Skills
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
