A unified system to turn AI-generated UI into production-quality design.
Most AI tools generate UI that is:
- inconsistent
- visually average
- not accessible
- lacking system thinking
This project solves that by combining multiple design "skills" into one structured workflow — moving from prompt → UI to system → quality → consistency.
- Installs and organizes design skills in Claude Code
- Creates a structured workflow for UI quality
- Reduces randomness in AI-generated design
- Bridges design, engineering, and AI in a single repeatable process
| Layer | Tool | Purpose |
|---|---|---|
| UI Polish | Impeccable | Refine layout and spacing |
| Accessibility | UI Skills | Fix structure and a11y |
| Visual Quality | Taste Skill | Elevate aesthetic decisions |
| Motion | AI Kit by Motion | Refine interactions |
| Design Patterns | UI Design Brain | Validate component patterns |
| Icons | Better Icons | Consistent iconography |
- Copy the setup prompt from
/prompts/setup.md - Paste into Claude Code
- Run in your repo
Polish → Audit → Upgrade → Motion → System
- Polish — refine layout and spacing
- Audit — fix accessibility and structure
- Upgrade — improve visual quality
- Motion — refine interaction
- System — validate patterns
See /docs/workflow.md for the full guide.
We are moving from:
prompt → UI
to:
system → quality → consistency
This stack operationalizes that shift.
Active exploration. Iterating with real product use cases.
Built to close the gap between AI speed and design quality.