What problem does it solve? Frontend work often jumps straight to visual decisions without a clear statement of purpose, producing generic interfaces, inconsistent component naming, and AI-sounding web copy. This Skill anchors design decisions in documented intent and audits built interfaces against that intent. ## Core Features & Use Cases - Design Direction: Runs domain exploration, captures a 1-3 sentence design intent, and defines 3-5 domain vocabulary terms before any UI is built. - Design Memory: Reads and writes .moai/design/system.md so design intent, vocabulary, and anti-patterns persist across sessions and SPECs. - Design Audit & Critique: Checks implementations against the design system via /moai review --design and runs an observe-diagnose-decide critique via /moai review --critique, classifying drift as cosmetic, structural, or intent-level. - Web Copy Craft: Applies five headline formulas, sentence-rhythm variation, filler-phrase elimination, and verb-first CTA rules to all visible page text. - Use Case: When planning a new landing page SPEC, trigger Design Direction to record intent and vocabulary in .moai/design/system.md, then after implementation run a critique to detect drift and decide whether to patch or rebuild. ## Quick Start Ask the agent to run design direction for your new feature SPEC so it explores the domain, writes a design intent statement, and saves the vocabulary to .moai/design/system.md.
