Better Design
AI 코딩 에이전트를 위한 디자인 하네스: 디자인 시스템, 디자인 원칙, 아이콘 및 UI 리뷰.
호스팅형 MCP 서버
npx add-mcp 'https://better-design.com/api/mcp'Claude Code, Codex, Cursor 등에 설치됩니다
문서
Better Design
Better Design is the governance layer that helps coding agents ship polished, accessible interfaces without visual drift.
Better Design is built for developer-led, AI-first, and code-heavy teams. It connects the coding agent to DESIGN.md, semantic tokens, editable components, UI and UX guidance, and review evidence.
It does not replace human design judgment or full design tools. People still own product, brand, and interaction decisions.
Where Better Design sits
- People define product intent and use full design tools for exploration, prototyping, and collaboration.
- DESIGN.md, tokens, components, and design files record the approved sources.
- Better Design retrieves the relevant context, guides the coding agent, and reviews the generated interface.
- Tests, browser checks, and human review decide whether the UI can ship.
What it governs
- Design-to-code workflows
- Design tokens and theming
- Brownfield interface changes
- Accessibility and consistency review
Start with Better Design
- Install guide: https://better-design.com/mcp/install
- Design systems: https://better-design.com/design-systems
- Agent overview: https://better-design.com/llms.txt