30-thiet-ke-master

# Master Thiết Kế — 30-thiet-ke-master

Master design skill xử lý 8 loại thiết kế cho ai-business-skills. Một cửa cho cả thiết kế cá nhân (founder, creator) lẫn thương hiệu (logo, campaign, marketing hàng ngày). Tự đọc brand identity từ project context, compose prompt đúng brand voice, và route sang đúng tool: gen trực tiếp qua gpt-image-2, fallback prompt cho 5 nền tảng phổ biến, hoặc dispatch qua Open Design infrastructure.

Toàn bộ skill viết tiếng Việt phổ thông để client có thể đọc, hiểu và fill cùng. Tên field tiếng Anh giữ nguyên để AI parsing không bị phá.

---

## 8 loại thiết kế

| # | Type | Subject | Khi nào dùng | Tool |
|---|------|---------|--------------|------|
| 1 | personal-brand | Cá nhân (founder/creator) | Avatar profile, monogram, speaker cover, quote graphic cá nhân | gpt-image-2 raster |
| 2 | business-logo | Thương hiệu — logo identity | Logo primary/secondary/mark | gpt-image-2 multi-variant 3-5 hướng + disclaimer human review |
| 3 | business-campaign | Brand campaign visual | TVC still, OOH, product hero, key visual chiến dịch | 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 viz | 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 qua gpt-image-2 + recommend HTML skills cho mockup full interactive |
| 8 | quote-graphic | Quote post | "Guru post" IG, LinkedIn quote, motivational | Hybrid: gpt-image-2 background + HTML text overlay |

---

## Khi nào trigger / KHÔNG trigger

### Triggers (gọi skill này)

- "thiết kế ảnh", "làm logo", "ảnh poster", "banner campaign"
- "social post design", "infographic", "key visual", "hero web mockup"
- "ảnh truyền thông", "avatar cá nhân", "monogram", "quote graphic"
- "prompt MidJourney", "prompt DALL-E", "prompt Leonardo", "prompt Imagen"

### DO NOT INVOKE (route sang skill khác)

| Trường hợp | Route sang |
|------------|------------|
| Full interactive web UI mockup (multi-section, có behavior) | **`web-prototype`** / **`saas-landing`** / **`mobile-app`** / **`dashboard`** / **`frontend-design`** |
| Video creation (TVC, ads video, UGC) | **`04-script-video`** + Seedance/Kling/Sora dispatcher |
| Animation, motion graphics, sprite | **`motion-frames`** / **`sprite-animation`** |
| Audio asset (jingle, voiceover, SFX) | **`audio-jingle`** |
| Document layout (PDF report, e-guide multi-page) | **`digital-eguide`** / **`finance-report`** / **`magazine-poster`** |

---

## Mode detection cascade (Step 0)

Ba lớp phát hiện type theo thứ tự ưu tiên:

### Layer 1 — Keyword auto-detect

| Keyword (Vietnamese hoặc English) | Type detect |
|-----------------------------------|-------------|
| "avatar", "ảnh đại diện", "monogram", "speaker cover", "profile pic" | personal-brand |
| "logo", "wordmark", "lockup", "brand mark" | business-logo |
| "key visual", "campaign visual", "TVC still", "OOH", "product hero" | business-campaign |
| "social post", "banner ads", "email header", "story IG", "post Facebook" | 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

User truyền `--type=business-logo` (hoặc 7 type khác) → override Layer 1.

### Layer 3 — Ambiguous fallback

Nếu không match keyword và không có flag → hỏi 1 câu duy nhất:

> "Loại thiết kế nào trong 8 lựa chọn dưới?
> 1) personal-brand (cá nhân) 2) business-logo 3) business-campaign 4) marketing-day-to-day 5) editorial 6) infographic 7) web-mockup 8) quote-graphic"

In ra transparency line trước khi tiếp tục:

```
[detect type: business-logo — keyword "logo" + "BHOP" match]
```

---

## Workflow runtime — 5 bước

### Step 1 — DETECT design type

Chạy 3-layer cascade ở trên. Print `[detect type: ...]` trước khi sang Step 2.

### Step 2 — LOAD references

Load theo nhu cầu (lazy):

- `CONVENTIONS.md` — load 1 lần đầu session
- `references/<type>.md` — load đúng file cho type vừa detect (vd `references/business-logo.md`)
- `references/brand-identity-source.md` — load khi type bắt đầu bằng `business-*`
- `references/fallback-prompt-format.md` — load khi Tier Free (xem Step 5)
- `templates/<format>.md` — load template theo format yêu cầu (vd `templates/poster.md`, `templates/social-square.md`)

### Step 3 — READ brand identity

**Business modes** (`business-logo` / `business-campaign` / `marketing-day-to-day`): BẮT BUỘC tìm brand identity. Auto-search theo priority:

1. `assets/brand/logo.{svg,png,ai}` — logo file primary
2. `brand-guideline.md` / `brand-identity.md` ở root project
3. `02-brief-chien-dich/output.md` Section "Yêu cầu thương hiệu" — campaign brief có brand mandatories
4. `prd.md` frontmatter `target_user` + Section "Visual cues" — style direction
5. `prd.md` Section 6 — features cho visual concept

Nếu thiếu cho business mode → **BLOCK** + ask user upload logo + specify palette (3 màu hex) + chỉ định font family.

**Personal modes** (`personal-brand` / `quote-graphic` cá nhân): brand identity optional. Đủ với style adjectives (3-5 từ) + color preference (3 mood color).

**Editorial / Infographic / Web-mockup**: tùy ngữ cảnh — nếu là cho brand thì làm như business, nếu là cá nhân/general thì làm như personal.

### Step 4 — ROUTE theo type

| Type | Route action |
|------|--------------|
| 1-5 (personal-brand, business-logo, business-campaign, marketing-day-to-day, editorial) | COMPOSE prompt raster → sang Step 5 |
| 6 (infographic) | COMPOSE prompt với chiến lược