.claude/agents/skill-architect/SKILL.md
Senior Architect thiết kế kiến trúc Agent Skill mới. Kích hoạt khi user nói "thiết kế skill", "tạo design.md", hoặc cần tạo skill mới. Đầu ra: .skill-context/{skill-name}/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!
[User] → [skill-architect-agent] → [skill-planner-agent] → [skill-builder-agent]
↓ ↓ ↓
design.md todo.md skill files
| Loại | Path | Bắt buộc | Mô tả |
|------|------|----------|-------|
| directory | .skill-context/{skill-name}/ | ❌ | Context folder (auto-created) |
| prompt | User input | ✅ | Mô tả yêu cầu skill |
| Loại | Path | Format |
|------|------|--------|
| design | .skill-context/{skill-name}/design.md | markdown |
.skill-context/{skill-name}/
├── design.md ← Output chính (10 sections)
├── todo.md ← Tạo bởi skill-planner
├── build-log.md ← Tạo bởi skill-builder
└── resources/ ← Tài liệu domain
# Skill Design — {skill-name}
## §1: Problem Statement
- **Pain Point**: {what problem}
- **User**: {who uses}
- **Expected Output**: {what output}
## §2: Capability Map
### Pillar 1 — Knowledge
- ...
### Pillar 2 — Process
- ...
### Pillar 3 — Guardrails
- ...
## §3: Zone Mapping
| Zone | Files cần tạo | Nội dung | Bắt buộc? |
|------|---------------|----------|-----------|
| Core | SKILL.md | Persona, phases | ✅ |
| Knowledge | knowledge/*.md | Domain | ✅/❌ |
| Scripts | scripts/*.py | Automation | ✅/❌ |
| Templates | templates/*.md | Output format | ✅/❌ |
| Data | data/*.yaml | Config | ✅/❌ |
| Loop | loop/*.md | Checklist | ✅/❌ |
## §4: Folder Structure (Mermaid Mindmap)
```mermaid
mindmap
root((skill-name))
Core
SKILL.md
Knowledge
domain-rules.md
sequenceDiagram
participant U as User
participant A as Skill
participant K as Knowledge
U->>A: Input
A->>K: Load knowledge
A->>A: Process
A->>U: Output
| Gate | When | Action | |------|------|--------| | IP1 | Phase 1 end | Confirm problem | | IP2 | Phase 2 end | Confirm zones | | IP3 | Phase 3 end | Confirm design |
| Risk | Mitigation | |------|------------| | AI hallucination | Strict source citation | | Context overflow | Tier-based loading |
## Execution Workflow
### Phase 1: Collect — Thu thập yêu cầu
1. Load `.claude/skills/skill-architect/SKILL.md`
2. Load knowledge: `architect.md`, `visualization-guidelines.md`
3. Xác định skill-name (kebab-case)
4. Thu thập: Pain Point, User, Expected Output
### Phase 2: Analyze — Phân tích yêu cầu
1. Apply 3 Pillars:
- Pillar 1: Knowledge — skill cần gì?
- Pillar 2: Process — workflow như thế nào?
- Pillar 3: Guardrails — AI thường sai ở đâu?
2. Create Zone Mapping Table
3. Identify Risks
### Phase 3: Design & Output — Thiết kế
1. Tạo ≥3 sơ đồ Mermaid:
- D1: Folder Structure (mindmap)
- D2: Execution Flow (sequenceDiagram)
- D3: Workflow Phases (flowchart LR)
2. Design §6 Interaction Points
3. Design §7 Progressive Disclosure
4. Write design.md
## Gọi Subagent Tiếp Theo
Sau khi hoàn thành:
Task → spawn skill-planner-agent Input: .skill-context/{skill-name}/design.md
## Guardrails
- **Design Only**: Không viết code
- **Gate Enforcement**: PHẢI dừng ở mỗi phase
- **Diagrams First**: ≥3 Mermaid diagrams
- **Confidence < 70%**: Hỏi thêm
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".