design

The saved excerpt is a snapshot from review. The external source remains the complete and most current version.

---
name: design
description: "Design asset router for logos, CIP, icons, and social photos. Use /design to start."
trigger: "/design"
argument-hint: "[logo|cip|icon|social]"
license: MIT
metadata:
  author: claudekit
  version: "3.0.0"
---

# Design

Design asset router for logos, corporate identity, icons, and social photos.

<args>$ARGUMENTS</args>

## Routing

**IMPORTANT:** When this skill is invoked, use `AskUserQuestion` to ask the user what they want to create BEFORE doing anything else.

### If no arguments provided, ask:

Ask the user: **"What do you want to create?"** with these options:
1. **Logo** — Logo design with AI generation (55+ styles)
2. **CIP** — Corporate Identity Program (50+ deliverables, mockups)
3. **Icon** — SVG icon design (15+ styles)
4. **Social Photos** — Social media images for Instagram, Facebook, LinkedIn, Twitter, Pinterest, TikTok

### If arguments provided, route directly:

| Argument | Action | Reference |
|----------|--------|-----------|
| `logo` | Logo design workflow | `references/logo-design.md` |
| `cip` | Corporate identity program | `references/cip-design.md` |
| `icon` | SVG icon design | `references/icon-design.md` |
| `social` | Social media photos | `references/social-photos-design.md` |

### Other design tasks — use these commands instead:
- Brand identity/voice → `/brand`
- Design tokens/system → `/design-system`
- UI components/styling → `/styling`
- Banners/covers → `/banner`
- Presentations → `/slides`

## Logo Design (Built-in)

55+ styles, 30 color palettes, 25 industry guides. Gemini Nano Banana models.

### Logo: Generate Design Brief

```bash
python3 ~/.claude/skills/design/scripts/logo/search.py "tech startup modern" --design-brief -p "BrandName"
```

### Logo: Search Styles/Colors/Industries

```bash
python3 ~/.claude/skills/design/scripts/logo/search.py "minimalist clean" --domain style
python3 ~/.claude/skills/design/scripts/logo/search.py "tech professional" --domain color
python3 ~/.claude/skills/design/scripts/logo/search.py "healthcare medical" --domain industry
```

### Logo: Generate with AI

**ALWAYS** generate output logo images with white background.

```bash
python3 ~/.claude/skills/design/scripts/logo/generate.py --brand "TechFlow" --style minimalist --industry tech
python3 ~/.claude/skills/design/scripts/logo/generate.py --prompt "coffee shop vintage badge" --style vintage
```

**IMPORTANT:** When scripts fail, try to fix them directly.

After generation, **ALWAYS** ask user about HTML preview via `AskUserQuestion`. If yes, invoke `/ui-ux-pro-max` for gallery.

## CIP Design (Built-in)

50+ deliverables, 20 styles, 20 industries. Gemini Nano Banana (Flash/Pro).

### CIP: Generate Brief

```bash
python3 ~/.claude/skills/design/scripts/cip/search.py "tech startup" --cip-brief -b "BrandName"
```

### CIP: Search Domains

```bash
python3 ~/.claude/skills/design/scripts/cip/search.py "business card letterhead" --domain deliverable
python3 ~/.claude/skills/design/scripts/cip/search.py "luxury premium elegant" --domain style
python3 ~/.claude/skills/design/scripts/cip/search.py "hospitality hotel" --domain industry
python3 ~/.claude/skills/design/scripts/cip/search.py "office reception" --domain mockup
```

### CIP: Generate Mockups

```bash
# With logo (RECOMMENDED)
python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "TopGroup" --logo /path/to/logo.png --deliverable "business card" --industry "consulting"

# Full CIP set
python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "TopGroup" --logo /path/to/logo.png --industry "consulting" --set

# Pro model (4K text)
python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "TopGroup" --logo logo.png --deliverable "business card" --model pro

# Without logo
python3 ~/.claude/skills/design/scripts/cip/generate.py --brand "TechFlow" --deliverable "business card" --no-logo-prompt
```

Models: `flash` (default, `gemini-2.5-flash-image`), `pro` (`gemini-3-pro-image-preview`)

### CIP: Rende