What problem does it solve? AI-generated interfaces converge on generic patterns like indigo palettes, card grids, and calm editorial templates. This Skill enforces a research-first design methodology so every visual, layout, and interaction decision traces back to real product references instead of model defaults. ## Core Features & Use Cases - Three research layers: Search Refero styles for visual direction, screens for concrete UI patterns, and flows for multi-step journey logic via MCP tools, with bundled craft references as fallback. - Reference locks and decision ledgers: Synthesize multiple references into one dominant direction, preserve token and media roles, and document every major choice before coding. - Anti-AI-slop quality gates: Bundled guides for typography, color, motion, icons, copywriting, and craft details, plus checklists that flag generic design fingerprints. - Use Case: When asked to design a SaaS pricing page, the agent researches 3-5 style directions, studies real pricing screens and upgrade flows, locks a primary reference direction, then implements with a decision ledger justifying each choice. ## Quick Start Ask the agent to design or redesign a landing page, dashboard, or product screen and it will research references before writing any code.
