What problem does it solve? AI-generated design often defaults to generic, averaged-out visual patterns. This Skill grounds every design decision in real product references before implementation, preventing generic AI-slop output and untraceable design choices. ## Core Features & Use Cases - Research-First Methodology: Searches Refero styles for visual direction, screens for concrete UI patterns, and flows for multi-step journey logic before any implementation. - Reference Locks & Decision Ledgers: Locks a primary reference's signature traits, assigns bounded roles to borrowed details, and traces every major design choice to a source. - Bundled Craft References: Includes typography, color, motion, icons, copywriting, accessibility, and anti-AI-slop guidance, plus a visual workflow for mockups, asset generation, and post-build QA. - Use Case: When asked to redesign a SaaS landing page, the agent researches 3-5 style references, synthesizes a unique direction with a reference lock, validates against a quality gate, and only then writes the frontend code. ## Quick Start Ask the agent to design or redesign a landing page, dashboard, or product screen and it will research Refero references before implementing.
