Better Design

Better Design gives AI coding agents a design-engineering layer for frontend work.

Design Intelligence mode loads UI principles before the agent writes UI code, then asks the agent to self-review against accessibility, visual design, motion, content, and comprehension rules. It helps catch issues like weak hierarchy, inaccessible controls, distracting motion, unclear copy, and missing reduced-motion behavior before code is presented.

Scaffold mode lets an agent install a complete shadcn-compatible visual system: tokens, globals, and component source. Better Design can also generate a new custom design system from a natural-language prompt and return a shadcn install command for the resulting registry.

The MCP server exposes tools for finding and generating design systems, loading UI/UX and React Native guidance, reviewing interface quality, extracting existing CSS tokens, and installing icon components. Tools are served from a public HTTPS endpoint and authenticated with OAuth for hosted ChatGPT and Codex use.