Prototype Craft

Build beautiful, interactive HTML/CSS prototypes that look and feel like real products -- not wireframes.

When to Use This Skill

• Building HTML/CSS prototypes that need production-quality visual polish
• Implementing color palettes, typography scales, and spacing systems
• Adding micro-interactions, transitions, and elevation shadows
• Crafting responsive layouts with modern CSS (Grid, Flexbox, custom properties)
• Polishing UX deliverables beyond skeletal wireframes

Core Rules