A clean and powerful frontend skill helps you create stunning web pages and app interfaces. It uses a restrained composition approach that keeps designs simple yet eye catching. This skill is based on OpenAI's own production playbook for building great user experiences.
Anyone who builds websites or apps can benefit from this skill. It focuses on making landing pages, full websites, and application UIs that look professional and work well. The method avoids clutter and extra elements so your design feels clear and modern.
You can use this skill by mentioning its name or using trigger phrases like landing page or frontend playbook. It gives you a proven set of rules for building visually strong interfaces without wasting time on unnecessary details.
Global
mkdir -p ~/.claude/skills/frontend-skillProject
mkdir -p .claude/skills/frontend-skillSource Repository
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density