Skip to main content
ClaudeWave
Skill572 repo starsupdated 25d ago

30-thiet-ke-master

Master Thiết Kế handles eight design categories for personal branding, business logos, campaigns, daily marketing, editorial, infographics, web mockups, and quote graphics. Use this skill when needing visual design assets routed to GPT-4 Vision image generation, platform-specific prompts for social media and advertising, or hybrid approaches combining generated imagery with HTML overlays, while understanding it excludes full interactive UI prototypes and video content.

Install in Claude Code
Copy
git clone --depth 1 https://github.com/minhnv0807/ai-business-skills /tmp/30-thiet-ke-master && cp -r /tmp/30-thiet-ke-master/skills/vi/30-thiet-ke-master ~/.claude/skills/30-thiet-ke-master
Then start a new Claude Code session; the skill loads automatically.

SKILL.md

# 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ế

| # | 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 |
| "ảnh reference", "giống ảnh này", "prompt master", "same style", "same composition" | giữ type hiện tại + bật Prompt Director reference mode |
| "đổi màu", "màu thương hiệu", "brand color", "thêm logo", "replace logo" | giữ type hiện tại + bật Prompt Director brand adaptation |
| "nhìn AI quá", "chưa giống", "sửa prompt", "màu sai", "font khó đọc" | giữ type hiện tại + bật Prompt Director diagnosis |

### 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:

```markdown
## 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á
PULL_REQUEST_TEMPLATESkill
channel-operatorSubagent

Agent van hanh kenh — thiet lap kenh, brief landing page, email marketing, social listening

content-producerSubagent

Agent san xuat noi dung — viet script, copy, brief creator, lap lich noi dung

mkt-strategistSubagent

Agent chien luoc marketing — lap ke hoach, nghien cuu thi truong, phan tich doi thu, xay dung chien luoc thuong hieu

performance-analystSubagent

Agent phan tich hieu suat — doc data, danh gia chien dich, tinh KPI, bao cao

personal-brand-builderSubagent

Agent xay dung thuong hieu ca nhan voi AI Avatar — chien luoc, content engine, monetization, community cho founder/coach/creator

29-dropshipping-mastery-globalSkill

Use when the user is launching or running a DROPSHIPPING business end to end — the full 12-phase pipeline: product research with winning criteria, Minea and PiPiAds, supplier sourcing on AliExpress, CJ, Spocket, and Zendrop, Shopify store and app setup, the 10-ads-per-week creative pipeline, interest and lookalike targeting, 3-5x markup and BE-ROAS math, customer service, and scaling. Trigger on 'start dropshipping', 'winning product research', 'Shopify store setup', 'AliExpress supplier', 'scale my dropshipping store', 'my store gets traffic and no sales'. Not for — only the ad copy, see `05-ad-copy-global`; only the product page, see `12-landing-page-brief-global`; only the account audit, see `21-ads-audit-global`; only pricing, see `17-pricing-strategy-global`.

22-personal-brand-context-globalSkill

Use when starting work on a PERSONAL brand — a founder, coach, or creator, not a company: creates `.agents/personal-brand-context-global.md` covering story, expertise, audience, positioning, platforms, visual identity, and the asset inventory of style refs, face refs, logo, palette, and background, with region variants for US, EU, SEA, and LATAM. Skills 23 to 28 read it first. Trigger on 'personal brand setup', 'set up my founder brand', 'coach personal brand context', 'creator profile setup', 'the AI does not know my story', 'build my personal brand from zero'. Not for — a company or product brand, see `00-marketing-plan-global` and `product-marketing-context-global`; the 12-month strategy built on this, see `23-personal-brand-strategy-global`.