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á.

Khi user đưa ảnh reference hoặc xin prompt tạo ảnh/video/storyboard, skill hoạt động như Prompt Director: phân loại intent, phân tích ảnh thành các prompt layer, xuất prompt tiếng Anh copy-paste-ready, rồi nêu rõ cần upload thêm asset nào cho từng ảnh.

8 loại thiết kế

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)

Mode detection cascade (Step 0)

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

Layer 1 — Keyword auto-detect

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]

Prompt Director mode

Bật mode này khi user đưa ảnh reference, xin master prompt, muốn đổi mặt/màu/logo, hoặc feedback ảnh ra chưa đúng. Load references/prompt-director.md trước khi compose prompt.

Nguyên tắc xử lý:

• Không hỏi form dài trước. Nếu đủ input, tạo prompt ngay và chỉ ghi phần còn thiếu ở cuối.
• Ảnh reference = style/composition source, không tự xem đó là ảnh mặt/logo trừ khi user nói rõ.
• Asset thay thế phải hỏi rõ theo loại: face reference, logo file, brand palette hex, product image, background/location, exact text.
• Nhiều ảnh = nhiều luồng. Đặt tên Flow A/B/C, nêu vai trò từng ảnh, prompt riêng, negative prompt riêng, và danh sách asset cần upload cho từng flow.
• Prompt cuối cho image/video model mặc định tiếng Anh; phần giải thích và yêu cầu bổ sung dùng tiếng Việt.

Output nhanh khi có reference image:

## Luồng ảnh

| Flow | Ảnh đầu vào | Vai trò | Output |
|------|-------------|---------|--------|
| A | [file/path] | style/composition reference | master prompt |

## Copy-paste prompt — Flow A
[English prompt]

## Negative prompt / Avoid
[English avoid list]

## Cần upload thêm để cá nhân hóa Flow A
- Face reference:
- Logo:
- Brand colors:
- Exact text:
- Product/background:

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/prompt-director.md — load khi có ảnh reference, master prompt, đổi mặt/màu/logo, nhiều ảnh, hoặc feedback sửa prompt
• 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

Step 5 — CHECK API tier + GENERATE

Detect tier theo Bash:

if [[ -n "$OPENAI_API_KEY" ]]; then
  TIER="pro"   # direct gpt-image-2
elif [[ -n "$OD_BIN" && -x "$OD_BIN" ]]; then
  TIER="enterprise"   # Open Design dispatcher
else
  TIER="free"   # prompt-only fallback
fi

Print line: [tier: <X>] [model: <Y>].

Type 7 web mockup — sau khi gen hero image (nếu tier Pro/Enterprise), in recommendation block:

[NEXT STEP] Hero image gen xong. Để có mockup full interactive đa section,
chạy thêm 1 trong các skill:
  - web-prototype (general landing/marketing page)
  - saas-landing (SaaS product page)
  - mobile-app (mobile app screens)
  - dashboard (admin/analytics dashboard)
  - frontend-design (Figma-style design tokens)

Type 8 quote graphic — output 2 file:

• docs/design/<slug>-bg.png — background image gen qua gpt-image-2 (KHÔNG có text)
• docs/design/<slug>.html — HTML overlay với text trên background (text qua HTML để tránh AI méo chữ)