Files
convex-monorepo-payload/.claude/skills/frontend-design
2026-03-27 16:43:22 -05:00
..
2026-03-27 16:43:22 -05:00
2026-03-27 16:43:22 -05:00
2026-03-27 16:43:22 -05:00

Frontend Design Plugin

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.

What It Does

Claude automatically uses this skill for frontend work. Creates production-ready code with:

  • Bold aesthetic choices
  • Distinctive typography and color palettes
  • High-impact animations and visual details
  • Context-aware implementation

Usage

"Create a dashboard for a music streaming app"
"Build a landing page for an AI security startup"
"Design a settings panel with dark mode"

Claude will choose a clear aesthetic direction and implement production code with meticulous attention to detail.

Learn More

See the Frontend Aesthetics Cookbook for detailed guidance on prompting for high-quality frontend design.

Authors

Prithvi Rajasekaran (prithvi@anthropic.com) Alexander Bricken (alexander@anthropic.com)