What problem does it solve? AI-generated websites and web apps often look generic, skip polish phases, and ship with disconnected layers, missing edge states, and flat interactions. This Skill provides a structured six-phase build playbook that enforces intentional design decisions from brand foundation through launch. ## Core Features & Use Cases - Phased Build Sequence: Six ordered phases (Foundation, Structure, Craft, Motion & Interaction, Performance & Polish, Launch & Growth) for both marketing websites and complex web applications, with a routing table mapping tasks to the right reference file. - Mandatory Quality Checklist: Pre-ship verification covering states, interaction feedback, visual craft, responsiveness, performance, accessibility, and structural coherence between frontend, API, and database layers. - Design Philosophy Grounding: Applies Ousterhout's complexity management, Refactoring UI's constraint-based design, and surface alignment principles, with links to deep research papers per phase. - Use Case: When a user says a page looks "generic" or "needs more polish", the Skill routes to the Craft and Motion references to systematically fix typography, spacing scales, hover states, and scroll animations. ## Quick Start Ask the agent to build a new landing page for your product and it will follow the phased sequence starting from brand foundation through launch-ready polish.
