Usecase: Game Designer Dùng AI Lập Roadmap & PRD
Một Game Designer có thể dùng AI coding agent để brainstorm tính năng, viết PRD chi tiết, và tạo design spec — mà không cần biết code.
Bối Cảnh
Bạn là một PM/Game Designer đang phát triển game mobile MOBA "The Ended World". Bạn cần thiết kế mini game vòng quay số (Daily Fortune Spin) với mục tiêu giữ chân người chơi quay lại hàng ngày.
Công cụ:
- AI coding agent (Claude Code, Cursor, hoặc tương tự)
- Superpowers framework đã cài đặt
Bạn Sẽ Học Được Gì
Trong bài hướng dẫn này, bạn sẽ thấy cách áp dụng:
- Brainstorming skill — AI hỏi từng câu một để khám phá yêu cầu, không dump hết
- Visual companion — AI hiển thị wireframe/mockup trực tiếp trên trình duyệt
- Structured spec — Chuyển ý tưởng thành design spec có cấu trúc rõ ràng
Bước 1: Brainstorming — Khám Phá Yêu Cầu
Bạn nói với AI:
"Tôi cần thiết kế mini game vòng quay số cho game The Ended World."
AI kích hoạt brainstorming skill và hỏi từng câu một:
Câu 1 — Mục tiêu chính:
AI: "Mục tiêu chính của mini game vòng quay số này là gì?
- A. Monetization — tạo nguồn thu từ người chơi (mua lượt quay bằng tiền thật/gem)
- B. Retention — giữ chân người chơi quay lại hàng ngày (quay miễn phí mỗi ngày)
- C. Engagement booster — tăng thời gian chơi (quay sau khi hoàn thành nhiệm vụ)
- D. Kết hợp nhiều mục tiêu"
Bạn: "B"
Câu 2 — Tần suất quay:
AI: "Tần suất và cơ chế quay mà anh hình dung?
- A. Mỗi ngày 1 lượt quay miễn phí (đơn giản, classic)
- B. Quay theo chuỗi ngày đăng nhập (streak)
- C. Quay sau khi hoàn thành daily quest
- D. Kết hợp: miễn phí + thêm lượt từ nhiệm vụ"
Bạn: "A"
Câu 3 — Loại phần thưởng:
AI: "Phần thưởng trên vòng quay?
- A. Tài nguyên in-game (vàng, gem, exp...)
- B. Items chiến đấu (rune, buff...)
- C. Cosmetic (skin, avatar frame, emote...)
- D. Mix tất cả — chia theo rarity"
Bạn: "D"
Câu 4 — Cơ chế xác suất:
AI: "Cơ chế rarity?
- A. Xác suất cố định (Common 60%, Rare 25%, Epic 12%, Legendary 3%)
- B. Pity system — bảo hiểm sau X lần quay (giống Genshin Impact)
- C. Progressive wheel — thay đổi theo cấp độ người chơi"
Bạn: "A"
Câu 5 — Số ô và Mystery:
AI: "Vòng quay có bao nhiêu ô?
- A. 6-8 ô, hiển thị rõ phần thưởng
- B. 8-10 ô, hiển thị rõ
- C. 6-8 ô, một số ô ẩn "Mystery Reward" (tạo yếu tố bất ngờ)
- D. Anh có con số hoặc ý tưởng khác?"
Bạn: "C"
Câu 6 — Theme giao diện:
AI: "Theme của vòng quay?
- A. Post-apocalyptic / Sci-fi — hologram, kỹ thuật số, phong cách tương lai hoang tàn
- B. Fantasy dark — bánh xe cổ đại, rune phát sáng
- C. Military / Tactical — radar quân sự
- D. Anh có art direction riêng cho game rồi, em sẽ theo style đó"
Bạn: "A"
Câu 7 — Animation:
AI: "Mức animation?
- A. Đơn giản — xoay và dừng
- B. Trung bình — tốc độ giảm dần, ánh sáng, rung nhẹ, popup
- C. Hoành tráng — slow-motion, particle effects, hiệu ứng Legendary"
Bạn: "B"
Câu 8 — Output mong muốn:
AI: "Platform và tech stack?
- A. Unity (C#)
- B. Unreal Engine (C++)
- C. Cocos Creator (TypeScript)
- D. Chưa có codebase, chỉ cần PRD/Roadmap tài liệu thôi
- E. Engine/framework khác"
Bạn: "D"
Tại sao bước này quan trọng:
Không có Superpowers, AI sẽ ngay lập tức dump ra một PRD dài 5 trang mà chưa hiểu context. Với brainstorming skill, AI buộc phải hỏi từng câu một — giúp PM đưa ra quyết định có chủ đích ở mỗi bước, thay vì bị overwhelm bởi một document khổng lồ.
Bước 2: AI Tổng Hợp & Đề Xuất Hướng Tiếp Cận
Sau khi thu thập đủ thông tin, AI tổng hợp và đề xuất 3 hướng:
| Yếu tố | Quyết định |
|---|---|
| Mục tiêu | Retention — giữ chân người chơi |
| Tần suất | 1 lượt quay miễn phí/ngày |
| Phần thưởng | Mix tất cả (tài nguyên, items, cosmetic) theo rarity |
| Xác suất | Cố định (Common → Legendary) |
| Số ô | 6-8 ô, có Mystery Reward |
| Theme | Post-apocalyptic / Hologram sci-fi |
| Animation | Trung bình (tốc độ giảm dần, ánh sáng, rung, popup) |
| Output | PRD/Roadmap tài liệu |
3 hướng tiếp cận:
Hướng A: "Daily Spin" đơn thuần Vòng quay đứng độc lập, mỗi ngày 1 lượt, phần thưởng cố định. Đơn giản, phù hợp MVP.
Hướng B: "Daily Spin + Seasonal Rotation" (AI khuyến nghị) Giống A nhưng bảng phần thưởng thay đổi theo mùa/event. AI khuyến nghị hướng này vì cân bằng tốt giữa đơn giản và retention dài hạn — seasonal rotation giữ vòng quay luôn mới mẻ mà không quá phức tạp.
Hướng C: "Daily Spin + Collection System" Gắn với hệ thống sưu tập — mảnh ghép thành phần thưởng lớn. Retention cực mạnh nhưng phức tạp.
Bạn chọn: "A" — tập trung MVP, đơn giản trước. Dù AI khuyến nghị Hướng B, bạn quyết định bắt đầu với phương án đơn giản nhất.
Điểm hay: AI đưa ra khuyến nghị có lý do, nhưng tôn trọng quyết định cuối cùng của bạn. Seasonal rotation có thể bổ sung sau khi MVP đã chạy ổn định.
Bước 3: AI Viết Design Spec Từng Phần
AI không dump hết một lúc, mà trình bày từng phần và chờ bạn xác nhận trước khi đi tiếp.
Phần 1: Luồng người chơi
Tên feature: Daily Fortune Spin
1. Mở game → thấy icon vòng quay (có badge đỏ nếu còn lượt)
2. Tap vào → mở màn hình vòng quay hologram 8 ô (6 hiện + 2 Mystery)
3. Nhấn "SPIN" → vòng quay xoay, giảm tốc dần, rung nhẹ khi gần dừng
4. Dừng → highlight ô trúng, popup hiển thị phần thưởng
5. Nhấn "Claim" → phần thưởng vào inventory
6. Nút SPIN → "Come back tomorrow", reset 00:00 UTC
Điều kiện:
- Không tích lượt (miss 1 ngày = mất lượt)
- Không mua thêm lượt (giữ đúng mục tiêu retention)
Bạn: "OK" → AI đi tiếp phần 2.
Phần 2: Bảng phần thưởng & Xác suất
| Ô | Loại | Rarity | Phần thưởng ví dụ | Xác suất |
|---|---|---|---|---|
| 1 | Tài nguyên | Common | 500 Gold | 25% |
| 2 | Tài nguyên | Common | 200 EXP | 25% |
| 3 | Items | Rare | Rune ngẫu nhiên | 15% |
| 4 | Tài nguyên | Rare | 20 Gems | 13% |
| 5 | Items | Epic | Buff chiến đấu 24h | 8% |
| 6 | Cosmetic | Epic | Avatar Frame | 7% |
| 7 | Mystery | Rare–Epic | Random trong pool ẩn | 5% |
| 8 | Mystery | Epic–Legendary | Random trong pool ẩn | 2% |
Tổng: 100%
Mystery Pool chi tiết:
- Mystery Rare–Epic: có thể ra mảnh tướng, skin fragment, hoặc gem x2
- Mystery Epic–Legendary: có thể ra skin hiếm, hiệu ứng recall đặc biệt, hoặc tướng mới
Quy tắc:
- Xác suất tính phía server, client chỉ nhận kết quả và chạy animation
- Kết quả quyết định ngay khi nhấn SPIN, animation chỉ là biểu diễn
Bạn: "OK" → AI đi tiếp phần 3.
Phần 3: Visual Wireframe
AI đẩy wireframe lên visual companion — một server local hiển thị mockup trực tiếp trên trình duyệt.
Lưu ý thực tế: Trong phiên làm việc này, visual companion server cần khởi động lại 3 lần trước khi hoạt động ổn định (port thay đổi từ 49983 → 59628 → 57802). Đây là tính năng còn khá mới — nếu không thấy web chạy, hãy yêu cầu AI khởi động lại server.
Sau khi server chạy ổn, bạn mở link và thấy:
- Nền tối (#0a0e17), cyan hologram (#00f0ff) làm màu chủ đạo
- Vòng quay hình tròn 8 ô, viền cyan phát sáng
- 2 ô Mystery hiển thị icon ❓ màu cam/đỏ
- Nút SPIN viền cyan, glow effect
- Rarity legend phía dưới
Tính năng visual companion cho phép AI hiển thị mockup/wireframe trực tiếp trên browser, giúp PM hình dung giao diện ngay trong quá trình brainstorm.
Bạn: "OK" → AI đi tiếp phần 4.
Phần 4: Trạng thái & Edge Cases
| Trạng thái | Hiển thị | Hành động |
|---|---|---|
| Có lượt quay | Nút SPIN sáng cyan, badge đỏ | Cho phép quay |
| Đã quay hôm nay | "COME BACK TOMORROW" + countdown | Disabled |
| Đang quay | Nút disabled, animation xoay | Chờ kết quả |
| Nhận thưởng | Popup + nút "CLAIM" | Tap claim → inventory |
| Mất kết nối | "Connection lost, retrying..." | Auto retry 3 lần |
Edge cases:
- Tắt app trước khi Claim → Server đã ghi nhận, mở lại sẽ hiện popup claim
- Cheat giờ → Reset dựa trên server time (UTC)
- Quay đúng lúc 00:00 → Server lock request, xử lý xong mới reset
- Inventory đầy → Phần thưởng gửi vào mailbox in-game
- Mystery pool rỗng → Fallback sang phần thưởng Epic cố định
Bước 4: Roadmap & Milestones
AI tạo roadmap 3 phases:
Phase 1 — MVP (Tuần 1-2):
├── Thiết kế UI vòng quay 8 ô hologram style
├── Logic quay: xác suất cố định, random phía server
├── 1 lượt/ngày, reset 00:00 UTC
├── Animation trung bình (giảm tốc, highlight, popup)
└── Tích hợp vào màn hình chính (icon + badge)
Phase 2 — Polish (Tuần 3):
├── Mystery Reward reveal animation
├── Sound effects theo rarity
├── Countdown timer đến lượt quay mới
└── Xử lý edge cases (mất mạng, tắt app, inventory đầy)
Phase 3 — Analytics & Tuning (Tuần 4):
├── Tracking: DAU mở vòng quay, tỷ lệ quay/ngày, retention D1-D7
├── A/B test bảng phần thưởng
└── Dashboard nội bộ xem phân bố phần thưởng
KPIs đo lường:
| Metric | Mục tiêu |
|---|---|
| Tỷ lệ quay hàng ngày (spin rate) | > 80% DAU |
| D7 retention lift | +5-10% so với trước khi có feature |
| Thời gian mở vòng quay | < 30 giây (UX mượt) |
Bước 5: AI Viết Spec Document & Review
AI tự động:
- Viết spec document hoàn chỉnh vào
docs/superpowers/specs/2026-03-19-daily-fortune-spin-design.md - Dispatch reviewer — một agent riêng kiểm tra chất lượng spec
Kết quả review: Approved với vài recommendations nhỏ (advisory):
- Mystery Pool cần config cụ thể hơn khi implementation
- Nên làm rõ edge case nào xử lý ở Phase 1 vs Phase 2
- Xác nhận "2-3 giây" là tổng thời gian hay chỉ giai đoạn giảm tốc
AI hỏi hướng tiếp theo:
Sau khi spec được approved, AI không tự ý làm thêm mà hỏi lại:
AI: "Anh muốn em làm gì tiếp?
- Viết implementation plan chi tiết — chia task code cụ thể (cần biết tech stack)
- Hoàn thành tại đây — PRD/Roadmap đã đủ, anh mang tài liệu đi triển khai với team
- Bổ sung thêm — wireframe chi tiết hơn, API spec, database schema..."
Bạn: "2" — hoàn thành tại đây.
Superpowers principle: AI không tự ý mở rộng scope. Sau khi hoàn thành mục tiêu ban đầu, AI hỏi lại người dùng thay vì tự làm thêm.
Kết Quả Cuối Cùng
Sau ~15 phút làm việc với AI, PM có:
| Deliverable | Trạng thái |
|---|---|
| Design spec hoàn chỉnh | Hoàn thành & Approved |
| Bảng phần thưởng & xác suất | Hoàn thành |
| Visual wireframe (hologram style) | Hoàn thành (xem trên browser) |
| Trạng thái & edge cases | Hoàn thành |
| Roadmap 3 phases (4 tuần) | Hoàn thành |
| KPIs đo lường | Hoàn thành |
Nguyên Tắc Superpowers Áp Dụng
| Nguyên tắc | Cách áp dụng |
|---|---|
| Brainstorming trước | AI hỏi từng câu một (8 câu hỏi) để hiểu context trước khi viết |
| YAGNI | Chọn "Daily Spin đơn thuần" thay vì Collection System phức tạp |
| Trình bày từng phần | Spec được chia thành 5 phần, mỗi phần chờ xác nhận trước khi tiếp |
| Visual companion | Wireframe hiển thị trực tiếp trên browser, không chỉ mô tả bằng text |
| Auto review | AI tự dispatch reviewer kiểm tra chất lượng spec |
Takeaway: Bạn không cần biết code để dùng Superpowers hiệu quả. Framework này giúp PM và AI cộng tác theo kỷ luật — hỏi trước khi làm, chia nhỏ từng phần để xác nhận, và tự động review chất lượng output.