ai-developer-skill-os 1.0.0 → 1.0.1

package/README.md

@@ -1,142 +1,83 @@
-# AI Developer Skill OS
+# 🚀 AI Developer Skill OS
 
-**A multi-agent skill package for AI coding assistants.**
-Bộ skill package đa nền tảng cho AI coding assistant.
+[![npm version](https://badge.fury.io/js/ai-developer-skill-os.svg)](https://badge.fury.io/js/ai-developer-skill-os)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
-> Tác giả: **Quang Khánh**
-> Compatible with: **Claude Code · Kilo Code · Antigravity/Gemini IDE · Cursor · Windsurf**
+**A multi-agent skill package for AI coding assistants (Claude Code, Cursor, Windsurf, Antigravity/Gemini).**  
+Hệ điều hành kỹ năng (Skill OS) giúp biến AI của bạn từ một "cỗ máy sinh code" thành một Senior Software Engineer thực thụ với quy trình làm việc chuẩn mực.
 
-📚 **Tài liệu hữu ích:**
-- [Hướng dẫn sử dụng](file:///docs/HUONG_DAN_SU_DUNG.md)
-- [Chi tiết toàn bộ Skills (Tiếng Việt)](file:///docs/CHI_TIET_SKILLS.md)
+> Tác giả: **Quang Khánh**
 
 ---
 
-## What is this? / Đây là gì?
+## 🌟 Tính năng nổi bật (Features)
 
-**EN:** A structured collection of skills that transform AI coding agents into specialized engineering roles. Each skill defines a precise workflow, scope, rules, and output format — so AI consistently behaves like a senior engineer, not a random code generator.
+Bộ Skill OS cung cấp **23 kỹ năng chuyên biệt**, chia làm 3 nhóm chính:
+- 🛠️ **Engineering Core (8 skills):** Agent Orchestrator (Lên kế hoạch), Context Manager, Project Audit, Bug Fix, Refactor, API Integration, Migration, Git Engineer.
+- 🎨 **Frontend (11 skills):** Frontend Architecture, Design System, UI Builder, Component Generator, State Management, Form Builder, Table CRUD, Debug, Testing, Performance, A11Y Audit.
+- ⚙️ **Backend (4 skills):** Backend Architecture, Database Engineer, Auth & Security, Deployment (DevOps).
 
-**VI:** Bộ skill có cấu trúc biến AI coding agent thành các vai trò kỹ sư chuyên biệt. Mỗi skill định nghĩa workflow, phạm vi, quy tắc và định dạng output rõ ràng — để AI hoạt động nhất quán như senior engineer, không phải code generator tùy tiện.
+👉 [Xem chi tiết chức năng của toàn bộ 23 Skills tại đây](docs/CHI_TIET_SKILLS.md)
 
 ---
 
-## Skill Map / Sơ đồ Skill
+## 📦 Cài đặt (Installation)
 
-```
-agent-orchestrator  →  Plan only. Routes work to correct skills.
-context-manager     →  Understands project structure. Manages what to read.
-project-audit       →  Diagnoses codebase before any changes.
-         ↓
-frontend-architecture  →  Decides file placement and folder conventions.
-design-system          →  Enforces component library usage.
-         ↓
-ui-builder · component-generator · form-builder · table-crud-generator
-         ↓
-api-integration    →  FE ↔ BE contract layer.
-state-management   →  Chooses correct state strategy.
-         ↓
-bug-fix · frontend-debug · refactor · migration
-         ↓
-frontend-testing · accessibility-audit · frontend-performance
-         ↓
-git-engineer       →  Commit, PR, changelog, release.
-```
+Bạn có thể cài đặt bộ Skill này vào bất kỳ dự án nào cực kỳ nhanh chóng qua NPM hoặc Git.
 
----
+### Cách 1: Sử dụng NPM (Khuyên dùng)
+Mở terminal tại thư mục gốc dự án của bạn và chạy:
+```bash
+npx ai-developer-skill-os init
+```
+*Lệnh này sẽ tự động tải và khởi tạo thư mục `rules-skill/` chứa toàn bộ kỹ năng vào dự án của bạn.*
 
-## Skills / Danh sách Skill
-
-### Engineering (8 skills)
-| Skill | Purpose |
-|-------|---------|
-| `agent-orchestrator` | Plans tasks, routes to correct skills — never writes code |
-| `context-manager` | Selects relevant files, summarizes architecture |
-| `project-audit` | Full codebase health check (Quick / Standard / Full mode) |
-| `bug-fix` | Diagnose and fix specific bugs with evidence |
-| `refactor` | Safe restructuring without breaking behavior |
-| `api-integration` | Build production-ready API integration layers |
-| `migration` | Dependency upgrades and framework migrations |
-| `git-engineer` | Commit messages, PR descriptions, changelogs |
-
-### Frontend (11 skills)
-| Skill | Purpose |
-|-------|---------|
-| `frontend-architecture` | Folder structure, file placement conventions |
-| `design-system` | Enforce component library — no raw HTML elements |
-| `ui-builder` | Build UI screens from requirements |
-| `component-generator` | Generate typed, reusable components |
-| `state-management` | Choose and implement correct state layer |
-| `form-builder` | Forms with schema validation and error handling |
-| `table-crud-generator` | Admin tables with pagination, filter, sort, CRUD |
-| `frontend-debug` | React errors, hydration, state, CSS issues |
-| `frontend-testing` | Unit, component, and e2e tests |
-| `frontend-performance` | Bundle, render, lazy load optimization |
-| `accessibility-audit` | ARIA, contrast, keyboard, mobile accessibility |
-
-### Backend (4 skills)
-| Skill | Purpose |
-|-------|---------|
-| `backend-architecture` | Service / controller / repository pattern |
-| `database-engineer` | Schema design, migrations, indexing |
-| `auth-security` | JWT, OAuth, RBAC implementation |
-| `deployment` | CI/CD, Docker, environment configuration |
+### Cách 2: Sử dụng Git Submodule
+Nếu bạn không dùng Node.js, bạn có thể nhúng trực tiếp qua Git:
+```bash
+git submodule add https://github.com/phamquangkhanh2999/ai-developer-skill-os.git rules-skill
+```
 
 ---
 
-## Installation / Cài đặt
+## 🛠️ Cấu hình cho IDE / AI Agent
 
-### Antigravity / Gemini IDE
+Sau khi thư mục `rules-skill/` đã xuất hiện trong dự án của bạn, hãy cấu hình để AI biết cách sử dụng nó.
 
-Place this folder in your `.agents/skills/` directory:
+### Cho Cursor / Windsurf (AI Code Editors)
+Tạo file `.cursorrules` (nếu dùng Cursor) hoặc `.windsurfrules` (nếu dùng Windsurf) ở gốc dự án và dán đoạn sau vào:
+```md
+# AI Developer Skill OS by Quang Khánh
 
+When answering or generating code, you MUST act as an expert engineer using the skills defined in `./rules-skill/skills.json`.
+Always read the relevant `SKILL.md` from `./rules-skill/skills/` before providing a solution.
+Speak to me in Vietnamese, but write all code in English.
 ```
-your-project/
-└── .agents/
-    └── skills/        ← copy the `skills/` folder here
-        ├── engineering/
-        ├── frontend/
-        └── backend/
-```
-
-Or register globally in `C:\Users\<you>\.gemini\config\skills\`.
-
-### Claude Code / Kilo Code / Cursor
-
-Reference skills from your project rules file (`.cursorrules`, `CLAUDE.md`, etc.):
 
+### Cho Claude Code / Kilo Code (CLI Agents)
+Tạo file `CLAUDE.md` (hoặc `KILO.md`) ở gốc dự án và dán đoạn sau vào:
 ```md
-Use skills from: ./rules-skill/skills/
-When the user requests [task], load the appropriate SKILL.md and follow it precisely.
-```
-
----
+# System Instructions
+Bạn đang chạy bằng **AI Developer Skill OS** (Tác giả: Quang Khánh).
 
-## Language / Ngôn ngữ
-
-| Layer | Language |
-|-------|----------|
-| SKILL.md content | 🇬🇧 English |
-| Code, identifiers | 🇬🇧 English always |
-| AI responses | Matches user's language automatically |
-| README, docs | 🇬🇧 English + 🇻🇳 Vietnamese |
+Vui lòng tìm đọc danh sách kỹ năng tại file `./rules-skill/skills.json`.
+Trước khi thực hiện bất kỳ yêu cầu nào, hãy gọi file `SKILL.md` tương ứng trong thư mục `./rules-skill/skills/` để biết quy trình làm việc chuẩn.
+Luôn giao tiếp bằng tiếng Việt nhưng viết code, đặt tên biến, comment trong code bằng tiếng Anh.
+```
 
 ---
 
-## Contributing / Đóng góp
+## 🚀 Cách sử dụng (Usage)
 
-1. Copy `_template/SKILL.md`
-2. Fill in all sections (Trigger, Scope, Non-goals, Workflow, Decision Tree, Output Format, Validation, Examples)
-3. Add to `skills.json` with `trigger[]` and `dependencies[]`
-4. Add to correct category folder under `skills/`
-
----
+Giờ đây bạn chỉ cần chat với AI như giao việc cho một kỹ sư thật sự. Không cần viết prompt dài dòng!
 
-## Version / Phiên bản
+- **Nhờ AI lên kế hoạch:** *"Dự án này đang cần thêm tính năng Đăng nhập. Cậu lên kế hoạch giúp mình nhé."* (Kích hoạt `agent-orchestrator`)
+- **Fix lỗi:** *"Bị lỗi Hydration error trên Next.js rồi. Fix giúp mình."* (Kích hoạt `bug-fix` / `frontend-debug`)
+- **Audit Code:** *"Audit nhanh cho tôi thư mục src/components/ xem có vấn đề gì không."* (Kích hoạt `project-audit`)
 
-**v1.0.0** — Initial release.
-Engineering foundation + Frontend core complete.
+👉 [Đọc Hướng Dẫn Sử Dụng chi tiết tại đây](docs/HUONG_DAN_SU_DUNG.md)
 
 ---
 
-*Tác giả: Quang Khánh*
-*Được xây dựng cho cộng đồng AI engineering.*
+## 📄 License
+Được phát hành dưới giấy phép [MIT](LICENSE). Tự do sử dụng, chỉnh sửa và chia sẻ.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ai-developer-skill-os",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Multi-agent skill package cho AI coding agents (Claude, Cursor, Windsurf, Antigravity) với 23 skills chuyên nghiệp.",
   "main": "bin/install.js",
   "bin": {

package/rules-skill/CHANGELOG.md

@@ -0,0 +1,31 @@
+# Changelog
+
+All notable changes to the **AI Developer Skill OS** project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [1.0.0] - 2026-07-01
+
+### Added
+- Released the complete AI Developer Skill OS with 23 targeted skills for coding agents.
+- **Engineering Core (8 skills):**
+  - `agent-orchestrator` for planning and delegating tasks.
+  - `context-manager` for project context and file selection.
+  - `project-audit` for 3-mode health checks.
+  - `bug-fix` with root cause analysis.
+  - `refactor` for safe, behavior-preserving code restructuring.
+  - `migration` for dependency updates and library swapping.
+  - `api-integration` for robust API connections.
+  - `git-engineer` for commit messages and PR documentation.
+- **Frontend Core (11 skills):**
+  - `frontend-architecture`, `design-system`, `ui-builder`, `component-generator`.
+  - `state-management`, `form-builder`, `table-crud-generator`.
+  - `frontend-debug`, `frontend-testing`, `accessibility-audit`, `frontend-performance`.
+- **Backend Core (4 skills):**
+  - `backend-architecture`, `database-engineer`, `auth-security`, `deployment`.
+- Added comprehensive `skills.json` registry with dependencies and trigger keywords.
+- Added bilingual `README.md` (English/Vietnamese).
+- Added detailed user documentation in `docs/HUONG_DAN_SU_DUNG.md` and `docs/CHI_TIET_SKILLS.md`.
+- Translated all skill frontmatter descriptions to Vietnamese for better UX in agent terminals.
+- Included generic English and Vietnamese usage examples in `_template/examples/`.

package/rules-skill/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Quang Khánh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/rules-skill/README.md

@@ -0,0 +1,142 @@
+# AI Developer Skill OS
+
+**A multi-agent skill package for AI coding assistants.**
+Bộ skill package đa nền tảng cho AI coding assistant.
+
+> Tác giả: **Quang Khánh**
+> Compatible with: **Claude Code · Kilo Code · Antigravity/Gemini IDE · Cursor · Windsurf**
+
+📚 **Tài liệu hữu ích:**
+- [Hướng dẫn sử dụng](file:///docs/HUONG_DAN_SU_DUNG.md)
+- [Chi tiết toàn bộ Skills (Tiếng Việt)](file:///docs/CHI_TIET_SKILLS.md)
+
+---
+
+## What is this? / Đây là gì?
+
+**EN:** A structured collection of skills that transform AI coding agents into specialized engineering roles. Each skill defines a precise workflow, scope, rules, and output format — so AI consistently behaves like a senior engineer, not a random code generator.
+
+**VI:** Bộ skill có cấu trúc biến AI coding agent thành các vai trò kỹ sư chuyên biệt. Mỗi skill định nghĩa workflow, phạm vi, quy tắc và định dạng output rõ ràng — để AI hoạt động nhất quán như senior engineer, không phải code generator tùy tiện.
+
+---
+
+## Skill Map / Sơ đồ Skill
+
+```
+agent-orchestrator  →  Plan only. Routes work to correct skills.
+context-manager     →  Understands project structure. Manages what to read.
+project-audit       →  Diagnoses codebase before any changes.
+         ↓
+frontend-architecture  →  Decides file placement and folder conventions.
+design-system          →  Enforces component library usage.
+         ↓
+ui-builder · component-generator · form-builder · table-crud-generator
+         ↓
+api-integration    →  FE ↔ BE contract layer.
+state-management   →  Chooses correct state strategy.
+         ↓
+bug-fix · frontend-debug · refactor · migration
+         ↓
+frontend-testing · accessibility-audit · frontend-performance
+         ↓
+git-engineer       →  Commit, PR, changelog, release.
+```
+
+---
+
+## Skills / Danh sách Skill
+
+### Engineering (8 skills)
+| Skill | Purpose |
+|-------|---------|
+| `agent-orchestrator` | Plans tasks, routes to correct skills — never writes code |
+| `context-manager` | Selects relevant files, summarizes architecture |
+| `project-audit` | Full codebase health check (Quick / Standard / Full mode) |
+| `bug-fix` | Diagnose and fix specific bugs with evidence |
+| `refactor` | Safe restructuring without breaking behavior |
+| `api-integration` | Build production-ready API integration layers |
+| `migration` | Dependency upgrades and framework migrations |
+| `git-engineer` | Commit messages, PR descriptions, changelogs |
+
+### Frontend (11 skills)
+| Skill | Purpose |
+|-------|---------|
+| `frontend-architecture` | Folder structure, file placement conventions |
+| `design-system` | Enforce component library — no raw HTML elements |
+| `ui-builder` | Build UI screens from requirements |
+| `component-generator` | Generate typed, reusable components |
+| `state-management` | Choose and implement correct state layer |
+| `form-builder` | Forms with schema validation and error handling |
+| `table-crud-generator` | Admin tables with pagination, filter, sort, CRUD |
+| `frontend-debug` | React errors, hydration, state, CSS issues |
+| `frontend-testing` | Unit, component, and e2e tests |
+| `frontend-performance` | Bundle, render, lazy load optimization |
+| `accessibility-audit` | ARIA, contrast, keyboard, mobile accessibility |
+
+### Backend (4 skills)
+| Skill | Purpose |
+|-------|---------|
+| `backend-architecture` | Service / controller / repository pattern |
+| `database-engineer` | Schema design, migrations, indexing |
+| `auth-security` | JWT, OAuth, RBAC implementation |
+| `deployment` | CI/CD, Docker, environment configuration |
+
+---
+
+## Installation / Cài đặt
+
+### Antigravity / Gemini IDE
+
+Place this folder in your `.agents/skills/` directory:
+
+```
+your-project/
+└── .agents/
+    └── skills/        ← copy the `skills/` folder here
+        ├── engineering/
+        ├── frontend/
+        └── backend/
+```
+
+Or register globally in `C:\Users\<you>\.gemini\config\skills\`.
+
+### Claude Code / Kilo Code / Cursor
+
+Reference skills from your project rules file (`.cursorrules`, `CLAUDE.md`, etc.):
+
+```md
+Use skills from: ./rules-skill/skills/
+When the user requests [task], load the appropriate SKILL.md and follow it precisely.
+```
+
+---
+
+## Language / Ngôn ngữ
+
+| Layer | Language |
+|-------|----------|
+| SKILL.md content | 🇬🇧 English |
+| Code, identifiers | 🇬🇧 English always |
+| AI responses | Matches user's language automatically |
+| README, docs | 🇬🇧 English + 🇻🇳 Vietnamese |
+
+---
+
+## Contributing / Đóng góp
+
+1. Copy `_template/SKILL.md`
+2. Fill in all sections (Trigger, Scope, Non-goals, Workflow, Decision Tree, Output Format, Validation, Examples)
+3. Add to `skills.json` with `trigger[]` and `dependencies[]`
+4. Add to correct category folder under `skills/`
+
+---
+
+## Version / Phiên bản
+
+**v1.0.0** — Initial release.
+Engineering foundation + Frontend core complete.
+
+---
+
+*Tác giả: Quang Khánh*
+*Được xây dựng cho cộng đồng AI engineering.*

package/rules-skill/_template/SKILL.md

@@ -0,0 +1,154 @@
+---
+name: <skill-name>
+description: >-
+  <1-3 lines in English. This is used for trigger matching across all AI agents.
+  Be specific and action-oriented. Avoid vague words.>
+version: 1.0.0
+category: engineering | frontend | backend
+tags: [tag1, tag2, tag3]
+platforms: [antigravity, claude-code, kilo-code, cursor, windsurf]
+---
+
+# <Skill Name>
+
+> **Language rule:**
+> Use **English** for: code, identifiers, file names, architecture terms, technical decisions.
+> Use **the user's language** for: explanations, questions, summaries, and feedback.
+> The user may write in any language — detect and match it automatically.
+
+---
+
+## Trigger
+
+When to activate this skill. List specific conditions, user intents, and keywords.
+
+Examples:
+- User says "create a new page"
+- User provides a UI mockup or wireframe
+- User asks to "build", "design", or "implement" a screen
+
+---
+
+## Scope
+
+What this skill is responsible for. Be explicit.
+
+- ✅ [What it covers]
+- ✅ [What it covers]
+
+---
+
+## Non-goals
+
+What this skill must NOT do. This prevents scope creep.
+
+- ❌ Do NOT [action A]
+- ❌ Do NOT [action B]
+- ❌ Do NOT make changes beyond the stated task
+
+---
+
+## Severity Levels
+
+All findings, issues, and risks use this shared scale:
+
+| Level | Label | Meaning |
+|-------|-------|---------|
+| P0 | Critical | Must fix before any other work |
+| P1 | High | Fix in current session |
+| P2 | Medium | Schedule soon |
+| P3 | Low | Technical debt — fix when possible |
+
+---
+
+## Workflow
+
+### Phase 1 — <Discovery / Analysis>
+
+What to analyze, read, or understand first.
+
+- Read: [files / folders / configs]
+- Detect: [patterns / issues / context]
+- Output: [brief summary of findings]
+
+---
+
+### Phase 2 — <Planning>
+
+Before writing any code, produce a plan.
+
+- List what will change and why
+- Identify risks or conflicts
+- Confirm with user if scope is unclear
+
+---
+
+### Phase 3 — <Execution>
+
+Apply changes following the plan.
+
+Rules:
+- Smallest safe change
+- Preserve existing behavior unless explicitly changing it
+- Follow project conventions (naming, structure, style)
+- Do not introduce unnecessary dependencies
+
+---
+
+### Phase 4 — <Validation>
+
+Verify the output before finishing.
+
+- [ ] Does it match the requirement?
+- [ ] Are edge cases handled?
+- [ ] No regressions introduced?
+- [ ] Output format is complete?
+
+---
+
+## Decision Tree
+
+Use this to handle branching logic during execution:
+
+```
+Condition A?
+  ├── Yes → Action X
+  └── No  → Condition B?
+              ├── Yes → Action Y
+              └── No  → Ask user for clarification
+```
+
+---
+
+## Output Format
+
+Define exactly what the AI must produce at the end of this skill.
+
+Example:
+```
+✅ Summary:     <what was done>
+📁 Files:       <list of created/modified files>
+⚠️  Warnings:   <anything the user should know>
+🔗 Next steps:  <suggested follow-up skills or actions>
+```
+
+---
+
+## Validation Checklist
+
+Before marking this skill complete:
+
+- [ ] All phases completed
+- [ ] Output format produced
+- [ ] No TODOs or placeholder code left
+- [ ] No hardcoded secrets, URLs, or credentials
+- [ ] Follows project naming conventions
+- [ ] User has been informed of any side effects
+
+---
+
+## Examples
+
+See `examples/` folder for:
+- `example-en.md` — English input/output example
+- `example-vi.md` — Vietnamese input/output example

package/rules-skill/_template/examples/example-en.md

@@ -0,0 +1,49 @@
+---
+# AI Developer Skill OS
+# Example usage file (English)
+# Copy this as a starting point for your skill examples
+---
+
+# Example: [Skill Name]
+
+## Input
+
+**User request:**
+```
+[Describe what the user said or asked]
+```
+
+**Project context:**
+- Framework: [React 18 / Next.js 14 / Vue 3 / etc.]
+- Relevant files: `[path/to/file.ts]`
+- Current state: [Brief description]
+
+---
+
+## Execution
+
+**Skill activated:** `[skill-name]`
+
+**Phase 1 — Analysis:**
+> [What the AI analyzed]
+
+**Phase 2 — Plan:**
+> [What the AI decided to do]
+
+**Phase 3 — Output:**
+
+```typescript
+// [filename.ts]
+// [Generated or modified code]
+```
+
+---
+
+## Result
+
+```
+✅ Summary:    [What was done]
+📁 Files:      [List of files]
+⚠️  Warnings:  [Any notes]
+🔗 Next steps: [Follow-up suggestion]
+```

package/rules-skill/_template/examples/example-vi.md

@@ -0,0 +1,49 @@
+---
+# AI Developer Skill OS
+# File ví dụ sử dụng (Tiếng Việt)
+# Sao chép file này làm điểm khởi đầu cho ví dụ của bạn
+---
+
+# Ví dụ: [Tên Skill]
+
+## Input (Đầu vào)
+
+**Yêu cầu của người dùng:**
+```
+[Mô tả người dùng đã nói hoặc yêu cầu gì]
+```
+
+**Bối cảnh dự án:**
+- Framework: [React 18 / Next.js 14 / Vue 3 / v.v.]
+- File liên quan: `[path/to/file.ts]`
+- Trạng thái hiện tại: [Mô tả ngắn]
+
+---
+
+## Thực thi
+
+**Skill được kích hoạt:** `[skill-name]`
+
+**Phase 1 — Phân tích:**
+> [AI đã phân tích gì]
+
+**Phase 2 — Kế hoạch:**
+> [AI quyết định làm gì]
+
+**Phase 3 — Kết quả:**
+
+```typescript
+// [filename.ts]
+// [Code được tạo hoặc chỉnh sửa]
+```
+
+---
+
+## Kết quả
+
+```
+✅ Tóm tắt:       [Đã làm gì]
+📁 Files:         [Danh sách file]
+⚠️  Lưu ý:        [Ghi chú quan trọng]
+🔗 Bước tiếp theo: [Gợi ý skill hoặc hành động tiếp theo]
+```