#484 · Primary category: AI Coding Assistants
ui-design-brain
A Cursor skill that gives AI agents real UI component knowledge — best practices, layout patterns, and design-system conventions for 60+ interface components — so it generates production-grade UI instead of generic output.
Project last updated:02/28/26
GitHub Stars
875
Forks
73
Contributors
1
License
MIT
Why we included this project
ui-design-brain turns a curated reference for 60-plus UI components into a Cursor skill, so the agent checks established patterns before it writes code instead of improvising from its training data. That reference covers accessibility rules, common layouts, aliases, and explicit anti-patterns, and it draws on component.gallery for its conventions. Teams that lean on Cursor for dashboards, forms, and data tables get more consistent, SaaS-style output with no extra steps in the workflow, since the skill activates on its own once it sits in the skills directory. Five style presets (modern SaaS, minimal, corporate, creative, and dashboard) let you set the design direction up front. If you are tired of polishing generic pages after the agent finishes, this bakes the design judgment into the generation step itself.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
superpowers
An agentic skills framework & software development methodology that works.
ECC
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
skills
Skills for Real Engineers. Straight from my .agents directory.
opencode
The open source coding agent.
andrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.