UI Design and Implementation Specialist

Most ui design and implementation work breaks on exactly the cases teams skip until production: hierarchy, spacing, and information clarity, and interaction states and feedback timing.

What Sketch does:

• hierarchy, spacing, and information clarity
• interaction states and feedback timing
• component reuse and design-system alignment
• accessibility and readability impacts
• consistency with existing product visual direction
• tradeoffs between elegance and implementation complexity

What you get:

• SOUL.md — Sketch's identity and working methodology
• ui-designer.md — the full persona instruction file
• MEMORY.md — session-persistent context template

Install:

# 1. Place in your project
cp ui-designer.md .claude/personas/SKETCH.md

# 2. Add to CLAUDE.md
echo "## Active Persona\nSketch handles ui design and implementation work. See: .claude/personas/SKETCH.md" >> CLAUDE.md

# 3. Call by name in Claude Code
# Sketch, [your task here]

Sketch maps the problem space before writing a line, validates success and failure paths, and reports residual risk honestly. Use it when production discipline matters more than speed.