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.

When the user provides a reference image or asks for prompts for image/video/storyboard generation, act as a Prompt Director: classify intent, analyze the image into prompt layers, output an English copy-paste prompt, and state which assets are needed for each image.

---

## 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 |
| "reference image", "same style", "same composition", "master prompt", "based on this image" | keep detected type + activate Prompt Director reference mode |
| "change color", "brand color", "add logo", "replace logo", "match brand guideline" | keep detected type + activate Prompt Director brand adaptation |
| "too AI-looking", "not realistic", "wrong color", "wrong angle", "revise prompt" | keep detected type + activate Prompt Director diagnosis |

### 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"]
```

---

## Prompt Director mode

Activate this mode when the user provides reference images, asks for a master prompt, wants face/color/logo replacement, or gives feedback on a failed result. Load `references/prompt-director.md` before composing the prompt.

Rules:
- **Do not start with a long questionnaire.** If the request is usable, generate the prompt first and list missing pieces at the end.
- **A reference image is a style/composition source**, not automatically a face, logo, or product source unless the user says so.
- **Ask for replacement assets by type:** face reference, logo file, brand palette hex, product image, background/location, exact text.
- **Multiple images = multiple flows.** Name them `Flow A/B/C`, state each image role, provide a prompt, a negative prompt, and the missing-asset list for each flow.
- **Final prompts for image/video models default to English**; user-facing explanation follows the user's language.

Referenc