Ui Design Brain

This is a pattern library disguised as a prompt, and honestly, that's exactly what Claude needs to stop generating generic purple gradient SaaS trash. It loads 60+ real component patterns from component.gallery with opinionated best practices for spacing, states, and interaction. When you ask Claude to build a form or dashboard, it consults this first instead of hallucinating. The design philosophy section is worth reading: restraint over decoration, one accent color, typography carries hierarchy, 8px grid. It pushes hard against AI aesthetics and includes a literal anti-patterns list. If you're tired of Claude spitting out cookie-cutter layouts with rainbow badges and disabled buttons that don't explain why, this grounds it in actual design system thinking.

Install to Claude Code

npx -y skills add carmahhawwari/ui-design-brain --skill ui-design-brain --agent claude-code