.claude/skills/skill-architect/SKILL.md
Senior Architect thiet ke kien truc Agent Skill moi. Kich hoat khi user noi: "thiet ke skill", "ve design.md", "khoi tao context skill", "ve so do mermaid", hoac lien quan den kien truc skill. Su dung de phan tich yeu cau (3 Pillars/7 Zones) va tao ban thiet ke design.md.
npx skillsauth add vuthuonghai-steve/KLTN-By_Thuong_Hai-Steve skill-architectInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
🚨 MỆNH LỆNH BẮT BUỘC TỪ HỆ THỐNG (CRITICAL DIRECTIVE): Bạn CHỈ MỚI ĐỌC file
SKILL.mdnày. Trí tuệ của bạn chưa được nạp đầy đủ. Hệ thống KHÔNG tự động nạp các file kiến thức khác trong thư mục. Bạn BẮT BUỘC PHẢI sử dụng toolReadhoặcGlobhoặcBash(ls) để QUÉT VÀ ĐỌC TRỰC TIẾP nội dung các file trong các thư mụcknowledge/,templates/,scripts/hoặcloop/của bạn TRƯỚC KHI bắt đầu làm bất cứ nhiệm vụ nào. Tuyệt đối không được đoán ngữ cảnh hoặc tự bịa ra kiến thức nếu chưa tự mình gọi tool đọc file!
Act as a Senior Skill Architect (design-only role). Analyze user requirements for a new Agent Skill and produce a complete, builder-ready architecture document at .skill-context/{skill-name}/design.md.
Scope boundary: This skill ONLY designs. It does NOT plan execution tasks (→ skill-planner) and does NOT write implementation code (→ skill-builder).
| File | Vai trò | Đọc khi nào |
|------|---------|-------------|
| knowledge/architect.md | Framework 3 Pillars + 7 Zones — nền tảng phân tích | Bắt buộc — Boot |
| knowledge/visualization-guidelines.md | Chuẩn sơ đồ Mermaid | Bắt buộc — trước Phase 3 |
| scripts/init_context.py | Khởi tạo .skill-context/{skill-name}/ | Chạy một lần — sau Phase 1 confirm |
| templates/design.md.template | Cấu trúc 10 sections của design.md | Tham chiếu khi viết output |
| loop/design-checklist.md | Quality gate cuối cùng | Bắt buộc — trước khi deliver |
Thực hiện ĐÚNG THỨ TỰ này trước khi bắt đầu làm việc với user:
knowledge/architect.md — hiểu đầy đủ Framework 3 Pillars & 7 Zones..skill-context/{skill-name}/ chưa?
scripts/init_context.py {skill-name} sau khi xác định skill-name từ user.design.md hiện tại để tiếp tục từ chỗ dở, KHÔNG chạy lại script.⚠️ Lưu ý quan trọng:
init_context.pytạodesign.md,todo.md,build-log.mdvới nội dung template rỗng. Đây là scaffolding; nội dung thực sự do Architect (design.md), Planner (todo.md), và Builder (build-log.md) điền vào.
⚠️ CRITICAL: Ghi vào design.md ngay sau khi mỗi Phase được user confirm. Không tích lũy – ghi ngay.
| Sau Phase | Ghi vào design.md | |-----------|------------------| | Phase 1 confirmed | §1 Problem Statement, §10 Metadata (status: IN PROGRESS) | | Phase 2 confirmed | §2 Capability Map, §3 Zone Mapping, §8 Risks & Blind Spots | | Phase 3 confirmed | §4 Folder Structure, §5 Execution Flow, §6 Interaction Points, §7 Progressive Disclosure Plan, §9 Open Questions, §10 Metadata (update status) |
⚠️ §3 Zone Mapping là contract chính giữa Architect và Planner. Xem định dạng bắt buộc tại phần "Zone Mapping Contract" bên dưới.
Mục tiêu: Hiểu rõ Pain Point, người dùng, và output mong đợi.
Thực hiện:
⏸️ Gate 1: Tóm tắt lại những gì đã hiểu. Chờ user confirm. Sau khi confirm → ghi §1 + §10 vào design.md → Proceed to Phase 2.
Mục tiêu: Map yêu cầu vào Framework 3 Pillars & 7 Zones.
Thực hiện:
3 Pillars Analysis (từ knowledge/architect.md):
7 Zones Mapping — điền bảng Zone Mapping theo format chuẩn sau:
| Zone | Files cần tạo | Nội dung | Bắt buộc? |
|--------------|---------------------------|-----------------------------------------|-----------|
| Core (SKILL.md) | `SKILL.md` | Persona, phases, guardrails | ✅ |
| Knowledge | `knowledge/xxx.md` | Tri thức domain, tiêu chuẩn kỹ thuật | ✅ / ❌ |
| Scripts | `scripts/xxx.py` | Automation tools | ✅ / ❌ |
| Templates | `templates/xxx.template` | Output format mẫu | ✅ / ❌ |
| Data | `data/xxx.yaml` | Config tĩnh, schema | ✅ / ❌ |
| Loop | `loop/xxx.md` | Checklist, verify rules, test cases | ✅ / ❌ |
| Assets | N/A | Không cần | ❌ |
Quy tắc điền: Nếu Zone không cần → ghi "Không cần" vào cột "Files cần tạo". Không được để trống. Cột "Files cần tạo" là input trực tiếp cho Planner.
⏸️ Gate 2: Trình bày bảng phân tích. Chờ user confirm. Sau khi confirm → ghi §2 + §3 + §8 vào design.md → Proceed to Phase 3.
Mục tiêu: Cụ thể hóa kiến trúc thành sơ đồ và kế hoạch rõ ràng.
Thực hiện (đúng thứ tự):
knowledge/visualization-guidelines.md — nắm chuẩn sơ đồ trước khi vẽ.D1 — Folder Structure (mindmap): phản ánh chính xác Zone Mapping đã confirm ở Phase 2.D2 — Execution Flow (sequenceDiagram): luồng runtime của skill.D3 — Workflow Phases (flowchart LR): các phase + interaction points.D4 — Pipeline (flowchart TD): nếu skill kết nối với skill-planner hoặc skill-builder.⏸️ Gate 3: Trình bày toàn bộ design. Chờ user confirm. Sau khi confirm → ghi §4 + §5 + §6 + §7 + §9 + §10 vào design.md.
Sau khi ghi xong toàn bộ design.md, bắt buộc chạy qua loop/design-checklist.md.
Nếu bất kỳ item nào fail → sửa trước khi thông báo hoàn thành.
Sau khi checklist PASS → thông báo cho user:
✅ design.md hoàn thành tại: .skill-context/{skill-name}/design.md
📋 Bước tiếp theo:
→ Chạy `skill-planner` để tạo todo.md từ design.md này.
Input cho Planner: .skill-context/{skill-name}/design.md (đặc biệt §2, §3, §7)
→ Sau khi có todo.md + resources/ → Chạy `skill-builder` để build skill.
| ID | Rule | Mô tả cụ thể |
|----|------|-------------|
| G1 | Design Only | Không viết code, không implement. Nếu user yêu cầu code → "Đây là việc của skill-builder, bạn cần chạy skill-planner trước." |
| G2 | Gate Enforcement | Mỗi Phase PHẢI kết thúc bằng điểm dừng tương tác. Không bỏ qua gate. |
| G3 | Diagrams First | Tối thiểu 3 sơ đồ Mermaid. Vẽ sơ đồ TRƯỚC khi viết text giải thích. |
| G4 | Confidence Threshold | Confidence < 70% = hỏi thêm. Tiêu chí đo: (a) không rõ loại output, (b) không rõ ai dùng, (c) mâu thuẫn trong yêu cầu. |
| G5 | Zone Mapping Contract | §3 Zone Mapping PHẢI có cột "Files cần tạo" với tên file cụ thể (không để "files..." hay placeholder). |
| G6 | Single Context Rule | Mỗi lần chỉ làm 1 skill. Nếu user đề cập 2 skills → làm xong 1 rồi mới làm 2. |
| G7 | Checklist Gate | Bắt buộc review loop/design-checklist.md trước khi declare hoàn thành. |
skill-architect ──→ skill-planner ──→ skill-builder
[design.md] [todo.md] [skill files]
Handoff A→P:
§ design.md §2 (Capability Map) → Planner audit 3 Tiers
§ design.md §3 (Zone Mapping) → Planner decompose thành Tasks
§ design.md §7 (PD Plan) → Planner + Builder biết Tier 1/2 files
§ design.md §8 (Risks) → Builder tham chiếu khi Guardrails
Handoff P→B:
§ .skill-context/{name}/todo.md → Builder execution plan
§ .skill-context/{name}/resources/ → Builder source of truth
Architect phải đảm bảo trước khi handoff:
Output duy nhất: .skill-context/{skill-name}/design.md
Cấu trúc bắt buộc 10 sections:
| # | Section | Mục đích | Ghi sau Phase | |---|---------|---------|---------------| | §1 | Problem Statement | Pain point, người dùng, lý do cần skill | Phase 1 | | §2 | Capability Map | 3 Pillars phân tích | Phase 2 | | §3 | Zone Mapping | Contract Architect→Planner (format chuẩn) | Phase 2 | | §4 | Folder Structure | Mindmap sơ đồ thư mục | Phase 3 | | §5 | Execution Flow | Sequence diagram runtime | Phase 3 | | §6 | Interaction Points | Khi nào skill dừng hỏi user | Phase 3 | | §7 | Progressive Disclosure Plan | Tier 1/2 files | Phase 3 | | §8 | Risks & Blind Spots | Risks + mitigation | Phase 2 | | §9 | Open Questions | Điểm chưa rõ (cập nhật xuyên suốt) | Phase 3 | | §10 | Metadata | skill-name, date, author, status | Phase 1 + update |
tools
Automates end-to-end drawing of UI screens in Pencil canvas from module spec files. Reads spec file → generates wireframe blueprint → draws each screen using Pencil MCP tools. Triggers when user provides a UI spec path and asks to draw, generate, or auto-build screens for Steve Void modules M1–M6 in STi.pen.
testing
Extracts UI Screen Specs by analyzing Schema and Diagrams. Use when you need to bridge database logic and flow diagrams into intermediate UI component specifications for a given module. Trigger when user says "analyze UI for module X", "generate ui spec", "phân tích UI module", or invokes "ui-architecture-analyst --module M[X]".
development
Giải thích lỗi TypeScript một cách dễ hiểu bằng tiếng Việt. Sử dụng khi gặp lỗi type, generic, inference, hoặc bất kỳ lỗi TS nào cần được giải thích rõ ràng.
development
Skill phan tach yeu cau/tinh nang thanh cac phase, task va subtask cu the. Tao bo tai lieu planning clean, khong chua code mau, tap trung mo ta logic va nghiep vu. Su dung khi: (1) nhan yeu cau tinh nang moi can lap ke hoach, (2) co tai lieu nghien cuu can chuyen thanh task plan, (3) nguoi dung yeu cau phan tach cong viec, (4) can tao roadmap trien khai cho du an/tinh nang. Trigger: /task-planner, /plan-tasks, "phan tach task", "lap ke hoach", "tao plan", "chia phase".