# Setup UI Design Brain

> Install or update the ui-design-brain Cursor skill by cloning from GitHub. Use when the user wants to add ui-design-brain, install UI design brain skill, or set up the component gallery skill for Cursor.

- Skill: `masermediagroup-stack/setup-ui-design-brain` (Agent Skill)
- Install (CLI): `npx skillmds@latest add masermediagroup-stack/setup-ui-design-brain`
- Raw SKILL.md: https://api.skillmd.com/api/skills/masermediagroup-stack/setup-ui-design-brain/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: masermediagroup-stack (https://skillmd.com/u/masermediagroup-stack)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/masermediagroup-stack/setup-ui-design-brain

---


# Setup UI Design Brain Skill

Install the [ui-design-brain](https://github.com/carmahhawwari/ui-design-brain) skill so Cursor has real UI component knowledge (60+ components, best practices, design-system conventions) for generating production-grade interfaces.

## Install (first time)

Clone into your Cursor skills directory:

**macOS / Linux (bash):**
```bash
git clone https://github.com/carmahhawwari/ui-design-brain.git \
  ~/.cursor/skills/ui-design-brain
```

**Windows (PowerShell):**
```powershell
git clone https://github.com/carmahhawwari/ui-design-brain.git `
  $env:USERPROFILE\.cursor\skills\ui-design-brain
```

**Windows (Command Prompt):**
```cmd
git clone https://github.com/carmahhawwari/ui-design-brain.git %USERPROFILE%\.cursor\skills\ui-design-brain
```

## Update (if already installed)

```bash
cd ~/.cursor/skills/ui-design-brain   # or %USERPROFILE%\.cursor\skills\ui-design-brain on Windows
git pull
```

## Verify

After install, the skill is available when you build UI (pages, dashboards, forms, etc.). No extra configuration needed.