30-design-master-global

# Design Master — 30-design-master-global

A single master skill that handles 8 design categories for ai-business-skills. One door for both personal work (founder, creator) and brand work (logo, campaign, day-to-day marketing). Reads brand identity from the project context, composes prompts in the right brand voice, and routes the request to the right tool: direct generation via gpt-image-2, paste-ready prompts for 5 popular platforms, or dispatch via Open Design infrastructure.

The skill is written in plain professional English so a non-designer client can read it, understand it, and fill it in alongside the AI. Frontmatter field names stay in English (do not translate) to keep AI parsing intact.

---

## The 8 design categories

| # | Type | Subject | When to use | Tool |
|---|------|---------|-------------|------|
| 1 | personal-brand | Individual (founder/creator) | Profile avatar, monogram, speaker cover, personal quote graphic | gpt-image-2 raster |
| 2 | business-logo | Brand logo identity | Logo primary/secondary/mark | gpt-image-2 multi-variant 3-5 directions + human-review disclaimer |
| 3 | business-campaign | Brand campaign visual | TVC still, OOH, product hero, campaign key visual | gpt-image-2 raster |
| 4 | marketing-day-to-day | Operational marketing | Social post, banner ad, email header, story | gpt-image-2 raster |
| 5 | editorial | Long-form publication | Magazine cover, article hero, e-book, lookbook | gpt-image-2 raster |
| 6 | infographic | Data/plan/process visualization | Roadmap, process flow, comparison chart | gpt-image-2 (text-minimal, icons-focused) |
| 7 | web-mockup | UI screen sketch | Landing hero, app screen mockup | **Hybrid**: gen 1 hero image via gpt-image-2 + recommend HTML skills for the full interactive mockup |
| 8 | quote-graphic | Quote post | "Guru post" IG, LinkedIn quote, motivational | Hybrid: gpt-image-2 background + HTML text overlay |

---

## When to trigger / when NOT to trigger

### Triggers (invoke this skill)

- "design image", "create logo", "campaign poster", "campaign banner"
- "social post design", "infographic", "key visual", "hero web mockup"
- "marketing visual", "personal avatar", "monogram", "quote graphic"
- "MidJourney prompt", "DALL-E prompt", "Leonardo prompt", "Imagen prompt"

### DO NOT INVOKE (route to a different skill)

| Case | Route to |
|------|----------|
| Full interactive web UI mockup (multi-section, with behavior) | **`web-prototype`** / **`saas-landing`** / **`mobile-app`** / **`dashboard`** / **`frontend-design`** |
| Video creation (TVC, ad video, UGC) | **`04-script-video-global`** + Seedance/Kling/Sora dispatcher |
| Animation, motion graphics, sprite | **`motion-frames`** / **`sprite-animation`** |
| Audio asset (jingle, voiceover, SFX) | **`audio-jingle`** |
| Document layout (PDF report, multi-page e-guide) | **`digital-eguide`** / **`finance-report`** / **`magazine-poster`** |

---

## Mode detection cascade (Step 0)

Three layers of type detection, in priority order:

### Layer 1 — Keyword auto-detect

| Keyword | Detected type |
|---------|---------------|
| "avatar", "profile picture", "monogram", "speaker cover", "headshot" | personal-brand |
| "logo", "wordmark", "lockup", "brand mark" | business-logo |
| "key visual", "campaign visual", "TVC still", "OOH", "product hero" | business-campaign |
| "social post", "banner ad", "email header", "IG story", "Facebook post" | marketing-day-to-day |
| "magazine cover", "article hero", "e-book cover", "editorial", "lookbook" | editorial |
| "infographic", "roadmap visual", "process flow", "comparison chart", "data viz" | infographic |
| "hero web", "landing hero image", "app screen mockup" | web-mockup |
| "quote", "quote graphic", "guru post", "motivational post" | quote-graphic |

### Layer 2 — Explicit flag

The user passes `--type=business-logo` (or one of the other 7 types) → overrides Layer 1.

### Layer 3 — Ambiguous fallback

If nothing matches and no flag is set → ask one single question:

> "Which of the 8 design types is this?
> 1) personal-brand 2) business-logo 3) business-campaign 4) marketing-day-to-day 5) editorial 6) infographic 7) web-mockup 8) quote-graphic"

Print a transparency line before continuing:

```
[detect type: business-logo — matched keyword "logo" + brand name "Lattéa"]
```

---

## Runtime workflow — 5 steps

### Step 1 — DETECT design type

Run the 3-layer cascade above. Print `[detect type: ...]` before moving to Step 2.

### Step 2 — LOAD references

Load lazily, as needed:

- `CONVENTIONS.md` — load once per session
- `references/<type>.md` — load the file matching the type just detected (e.g. `references/business-logo.md`)
- `references/brand-identity-source.md` — load whenever the type starts with `business-*`
- `references/fallback-prompt-format.md` — load when the tier is Free (see Step 5)
- `templates/<format>.md` — load the template matching the requested format (e.g. `templates/poster.md`, `templates/social-square.md`)

### Step 3 — READ brand identity

**Business modes** (`business-logo` / `business-campaign` / `marketing-day-to-day`): REQUIRED — must find brand identity. Auto-search in priority order:

1. `assets/brand/logo.{svg,png,ai}` — primary logo file
2. `brand-guideline.md` / `brand-identity.md` at the project root
3. `02-campaign-brief-global/output.md` section "Brand mandatories" — campaign brief carries brand constraints
4. `prd.md` frontmatter `target_user` + section "Visual cues" — style direction
5. `prd.md` Section 6 — features that inform the visual concept

If nothing is found for a business mode → **BLOCK** + ask the user to upload a logo + specify a palette (3 hex codes) + name a primary font family.

**Personal modes** (`personal-brand` / personal `quote-graphic`): brand identity is optional. Enough to have style adjectives (3–5 words) + a color preference (3 mood colors).

**Editorial / Infographic / Web-mockup**: context-dependent — treat as business mode if the asset is for a brand, t