Frontend Design

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

Context Gathering Protocol

Design skills produce generic output without project context. Before doing any design work, confirm:

• Target audience: Who uses this product and in what context?
• Use cases: What jobs are they trying to get done?
• Brand personality/tone: How should the interface feel?

Gathering order:

1. Check current instructions: If your loaded instructions contain a Design Context section, proceed immediately.
2. Check .impeccable.md: If it exists in the project root and has context, use it.
3. Ask the user: If neither source has context, ask these 3 questions before proceeding.