skills.rest
carmahhawwaricarmahhawwariCommunity·2 Agent Skills Included

ui-design-brain

Generate production-grade UI from real component design knowledge

Generates polished web interfaces using best practices and layout patterns for 60+ UI components. Replaces generic AI output with proven design-system conventions, accessibility rules, and anti-pattern checks. Includes five style presets from minimal to enterprise so your agent builds dashboards, forms, and pages that feel professionally designed.
877|73
↗
npx skills add carmahhawwari/ui-design-brain --all -g -y

All Skills in This Repository (2)

Pure Emerald Level Indicators
📦 In Repo
carmahhawwaricarmahhawwari

ui-design-brain

Generate production-ready UI component patterns for React, HTML/CSS, and Tailwind workflows.

Community
Advanced
📦 In Repo
carmahhawwaricarmahhawwari

ui-design-brain

Generates UI code using best practices and layout patterns for 60 documented interface components.

Community
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install UI Design Brain?▼

Run `npx skills add carmahhawwari/ui-design-brain --all -g -y` in your terminal to install the skill globally for your AI agent.

How to make AI generate better UI designs?▼

This skill gives your AI agent a curated knowledge base of 60+ components with best practices, layouts, and anti-patterns, so it produces senior-designer-quality interfaces instead of generic output.

What components does UI Design Brain cover?▼

It covers 60 components including buttons, cards, modals, tables, forms, navigation, toasts, and drawers, each with accessibility rules and layout guidance.

Does UI Design Brain work with Cursor and Claude Code?▼

Yes. It follows the universal SKILL.md standard and activates automatically whenever you ask your agent to build web interfaces, dashboards, or forms.

Can I choose a specific design style?▼

Yes. You can request one of five built-in presets: Modern SaaS, Apple-level Minimal, Enterprise, Creative Portfolio, or Data Dashboard.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills