Frontend Design

Note: This skill is based on Anthropic's frontend-design skill, enhanced with progressive disclosure and extensive reference materials.

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

Core Workflow

1. Understand Context

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

2. Design Thinking

Before coding, understand context and commit to a BOLD aesthetic direction: