korroai/korrodesign

Korrocorp Design is a design enforcement system for Claude Code, the AI coding tool from Anthropic. It works differently from typical AI code generators: rather than just producing code, it guides you through a structured 7-phase design process and then catches quality problems automatically after the code is written. The tool describes itself as a design copilot, not another code generator. There are two independent enforcement layers. The first is called the Taste Guardian and operates during the code generation phase. It works by loading a 500-line set of design rules into Claude's context before any code is written. These rules are drawn from six design philosophies and cover things like font pairing, animation timing, color contrast, responsive breakpoints, and visual hierarchy. Every piece of generated code is shaped by these rules before it appears. The second layer is a standalone ESLint plugin called Blind Spot that runs after generation is complete. ESLint is a widely used code quality tool that most web development teams already have in their workflow. The Blind Spot plugin adds 14 rules that check structural UI problems at the code level: catching clickable divs that lack accessibility attributes, images with no alt text, hardcoded hex colors instead of CSS variables, and animations that do not respect a user's reduced-motion preference. The 7 phases walk through the full design process: generating assets like images and audio before design begins, filling in a creative brief, scaffolding a Next.js 15 project with chosen fonts and settings, comparing three design directions (safe, bold, or hybrid), planning the implementation in layers, generating the final code, and running the Blind Spot audit to catch anything that slipped through. The system is installed by cloning the repository into Claude Code's skills directory and has no runtime dependencies of its own. The project is released under the MIT license.