vuthuonghai-steve
68 verified skills
api-from-ui
Skill xây dựng custom API endpoint từ UI đang hoạt động. Sử dụng khi cần (1) phân tích Screen để xác định fields cần thiết, (2) thiết kế DTO an toàn loại bỏ sensitive data, (3) tạo custom API thay thế Payload REST, (4) sync types giữa backend và frontend. Trigger khi UI đã ổn định và cần tối ưu API.
development
class-diagram-analyst
Chuyên gia phân tích cấu trúc Class Diagram theo chuẩn dual-format (Mermaid + YAML Contract) cho PayloadCMS / MongoDB. Nhận yêu cầu từ mơ hồ đến rõ ràng, phân tích từng module độc lập qua 7-phase workflow, đảm bảo mọi field đều có source citation. KHÔNG BAO GIỜ tự bịa field mà không có source.
development
error-response-system
Skill chuan hoa Error Response cho API. Su dung khi can (1) tao error response moi, (2) them error code cho feature, (3) debug loi API, (4) migration tu format cu sang format moi. Skill nay nen duoc su dung khi nguoi dung can thong nhat error response format hoac tao he thong error handling moi.
development
flow-design-analyst
Chuyên gia phân tích và thiết kế Business Process Flow Diagram (High-Fidelity) theo chuẩn 3-lane Swimlane (User/System/DB). Tự động phân tích intent, khám phá tài nguyên dự án, trích xuất logic nghiệp vụ từ spec/user-story, và sinh Mermaid flowchart chuẩn xác. Trigger khi user yêu cầu vẽ flow, tạo diagram, hoặc phân tích luồng nghiệp vụ.
data-ai
.agent/skills/latex-report-specialist
# LaTeX Report Specialist (skill-latex-report-specialist) Bạn là một chuyên gia về soạn thảo văn bản học thuật bằng LaTeX, đồng thời là trợ lý nghiên cứu đắc lực trong dự án khóa luận tốt nghiệp. Nhiệm vụ của bạn là chuyển đổi các bản thiết kế kiến trúc Agent Skill và các artifacts kỹ thuật thành nội dung báo cáo chuẩn hóa. ## 🎯 Mục tiêu - Tự động hóa việc viết nội dung báo cáo dựa trên dữ liệu từ thư mục `.skill-context`. - Đảm bảo định dạng chuẩn HUNRE (lề 3.5-2-2-2, giãn dòng 1.5, thụt đầ
testing
openspec-archive-change
Archive a completed change in the experimental workflow. Use when the user wants to finalize and archive a change after implementation is complete.
tools
openspec-explore
Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
tools
.agent/skills/schema-design-analyst
--- name: schema-design-analyst description: "Kiến trúc sư Data" tàn nhẫn, CHỈ làm việc dựa trên Contract YAML từ Skill 2.5 (cái gì tồn tại) và các Flow Diagrams để quyết định kiến trúc schema. Đảm bảo tính chính xác, nhất quán và khả năng truy xuất nguồn gốc (traceability). # Pipeline Frontmatter - FOR INTERNAL ORCHESTRATOR USE pipeline: stage_order: 5 role: domain-skill-schema input_contract: - type: file name: class_contract path: "{input_path}/database/class-contract.y
devops
sequence-design-analyst
Chuyên gia phân tích và thiết kế Sequence Diagram (UML) chuẩn Mermaid. Kích hoạt khi user yêu cầu vẽ sơ đồ tuần tự, phân tích luồng tương tác, hoặc thiết kế message flow cho chức năng. Tự động nghiên cứu codebase để đảm bảo tính thực tế.
development
skill-builder
Kỹ sư triển khai Agent Skill (Senior Implementation Engineer). Thực thi bản thiết kế (design.md) và kế hoạch (todo.md). Tự chủ phản biện thiết kế, kiểm soát chất lượng qua thang đo Placeholder (5/10) và cơ chế Log-Notify-Stop.
development
task-planner
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".
development
typescript-error-explainer
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
drawing-ui-screens
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.
tools
class-diagram-analyst
Class Structure Analyst chuyên về Class Diagram theo chuẩn dual-format (Mermaid + YAML Contract) cho PayloadCMS/MongoDB. Kích hoạt khi cần tạo class diagram từ sequence diagram hoặc chạy pipeline UML stage 3. Đầu ra: Docs/life-2/diagrams/class/{module}/class-{module}.md + class-{module}.yaml
development
payload-expert
Payload CMS 3.x specialist for Steve Void project. Use when designing or implementing Payload collections, hooks, access control, Local API calls, or debugging Payload-related issues.
development
schema-design-analyst
Data Architect chuyên thiết kế database schema theo PayloadCMS & MongoDB. Làm việc dựa trên Contract YAML từ Class Diagram Analyst. Kích hoạt khi cần tạo schema từ class diagram hoặc chạy pipeline stage 5. Đầu ra: Docs/life-2/database/schema-{module}.yaml + er-{module}.md
development
skill-architect
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
data-ai
skill-executor
Executes a single stage skill with isolated context. Invoked by pipeline-runner when running pipeline stages. Use when pipeline-runner delegates a skill task.
devops
ui-architect
UI/UX specialist for Steve Void project. Use when building React components, designing screen layouts, implementing wireframes from Docs/life-2/ui/, or reviewing UI code for stack compliance (Tailwind v4 + Radix UI).
development
api-integration
Skill tích hợp API backend vào frontend. Sử dụng khi cần (1) nghiên cứu API endpoint, (2) phân tích cấu trúc request/response, (3) ghep API vào frontend, (4) đồng bộ cấu trúc data khi backend thay đổi. Skill này nên được sử dụng khi người dùng cung cấp đường dẫn file API backend hoặc yêu cầu làm việc với API.
development
class-diagram-analyst
Chuyên gia phân tích cấu trúc Class Diagram theo chuẩn dual-format (Mermaid + YAML Contract) cho PayloadCMS / MongoDB. Nhận yêu cầu từ mơ hồ đến rõ ràng, phân tích từng module độc lập qua 7-phase workflow, đảm bảo mọi field đều có source citation. KHÔNG BAO GIỜ tự bịa field mà không có source.
development
pipeline-runner
Orchestrates multi-stage skill pipelines by spawning sub-agents sequentially. Use when you need to run multiple skills automatically with dependency management, validation gates, and checkpoint support.
testing
.claude/skills/schema-design-analyst
--- name: schema-design-analyst description: "Kiến trúc sư Data" tàn nhẫn, CHỈ làm việc dựa trên Contract YAML từ Skill 2.5 (cái gì tồn tại) và các Flow Diagrams để quyết định kiến trúc schema. Đảm bảo tính chính xác, nhất quán và khả năng truy xuất nguồn gốc (traceability). category: database pipeline: stage_order: 5 input_contract: - type: file path: "Docs/life-2/diagrams/class/{module}-class.md" required: false - type: file path: "Docs/life-2/diagrams/activity/{m
development
skill-builder
Kỹ sư triển khai Agent Skill (Senior Implementation Engineer). Thực thi bản thiết kế (design.md) và kế hoạch (todo.md). Tự chủ phản biện thiết kế, kiểm soát chất lượng qua thang đo Placeholder (5/10) và cơ chế Log-Notify-Stop.
development
typescript-error-explainer
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
ui-pencil-drawer
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.
tools
openspec-onboard
Guided onboarding for OpenSpec - walk through a complete workflow cycle with narration and real codebase work.
development
ui-architecture-analyst
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]".
testing
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
tools
screen-structure-checker
Skill kiểm tra cấu trúc thư mục screens theo kiến trúc quản lý tập trung. Sử dụng khi cần (1) audit cấu trúc screen mới tạo, (2) kiểm tra toàn bộ screens trong dự án, (3) tìm các vi phạm naming convention, (4) phát hiện file cần refactor do quá lớn.
development
global-system-planner
Master System Planner chịu trách nhiệm đọc toàn bộ FR và sinh ra Global Blueprint định hướng cho các Agent sau dựa trên Context bao quát. Không vẽ UML.
data-ai
.claude/skills/build-crud-admin-page
--- name: build-crud-admin-page description: Xây dựng trang quản lý CRUD cho PayloadCMS collection. List view với filter, pagination. Form view với create, view, edit modes. Triggers: tạo trang admin, build CRUD page, tạo màn hình quản lý, new admin screen. category: implementation pipeline: stage_order: 10 input_contract: - type: file path: "src/collections/{collection}.ts" required: false output_contract: - type: directory path: "src/components/screens/{collecti
development
ui-pencil-drawer
Senior Autonomous UI Design Agent - vẽ UI screens trong Pencil canvas từ UI specs. Kích hoạt khi cần vẽ wireframes từ UI spec hoặc chạy pipeline stage 7. Đầu ra: Docs/life-2/ui/wireframes/{module}.pen
testing
error-response-system
Skill chuan hoa Error Response cho API. Su dung khi can (1) tao error response moi, (2) them error code cho feature, (3) debug loi API, (4) migration tu format cu sang format moi. Skill nay nen duoc su dung khi nguoi dung can thong nhat error response format hoac tao he thong error handling moi.
development
flow-design-analyst
Senior Business Analyst chuyên về Business Process Flow Diagram (High-Fidelity) theo chuẩn 3-lane Swimlane (User/System/DB). Kích hoạt khi cần tạo flow diagram từ specs hoặc chạy pipeline UML stage 1. Đầu ra: Docs/life-2/diagrams/flow/{module}-flow.md
devops
skill-builder
Senior Implementation Engineer - triển khai skill từ design.md và todo.md. Kích hoạt khi cần build skill từ kế hoạch đã có. Input: design.md + todo.md → Output: .agent/skills/{skill-name}/
development
activity-diagram-design-analyst
Chuyên gia phân tích và thiết kế sơ đồ Activity Diagram (High-Fidelity) theo tư duy Clean Architecture (B-U-E). Phản biện logic, phát hiện Deadlocks và đảm bảo tính nhất quán giữa nghiệp vụ và thiết kế.
content-media
activity-diagram-design-analyst
Senior Solutions Architect chuyên về Activity Diagram (High-Fidelity) theo tư duy Clean Architecture (B-U-E). Kích hoạt khi cần tạo activity diagram từ class diagram hoặc chạy pipeline UML stage 4. Đầu ra: Docs/life-2/diagrams/activity/{module}-activity.md
devops
activity-diagram-design-analyst
Chuyên gia phân tích và thiết kế sơ đồ Activity Diagram (High-Fidelity) theo tư duy Clean Architecture (B-U-E). Phản biện logic, phát hiện Deadlocks và đảm bảo tính nhất quán giữa nghiệp vụ và thiết kế.
content-media
skill-architect
Designs AI agent skill architectures by analyzing requirements and mapping them into the 3 Pillars (Knowledge, Process, Guardrails) across 7 Zones. Use when starting a new skill development project to generate a reliable design.md blueprint.
development
api-from-ui
Xây dựng custom API endpoint từ UI đang hoạt động. Sử dụng khi cần (1) phân tích Screen để xác định fields cần thiết, (2) thiết kế DTO an toàn loại bỏ sensitive data, (3) tạo custom API thay thế Payload REST, (4) sync types giữa backend và frontend. Trigger khi UI đã ổn định và cần tối ưu API.
development
api-integration
Skill tich hop API backend vao frontend. Su dung khi can (1) nghien cuu API endpoint, (2) phan tich cau truc request/response, (3) ghep API vao frontend, (4) dong bo cau truc data khi backend thay doi. Skill nay nen duoc su dung khi nguoi dung cung cap duong dan file API backend hoac yeu cau lam viec voi API.
development
build-crud-admin-page
Skill xay dung trang quan ly CRUD cho PayloadCMS collection. Su dung khi can tao admin screen moi theo pattern BouquetScreen. List view voi filter, pagination. Form view voi create, view, edit modes. Triggers: tao trang admin, build CRUD page, tao man hinh quan ly, new admin screen.
development
flow-design-analyst
Chuyên gia phân tích và thiết kế Business Process Flow Diagram (High-Fidelity) theo chuẩn 3-lane Swimlane (User/System/DB). Tự động phân tích intent, khám phá tài nguyên dự án, trích xuất logic nghiệp vụ từ spec/user-story, và sinh Mermaid flowchart chuẩn xác. Trigger khi user yêu cầu vẽ flow, tạo diagram, hoặc phân tích luồng nghiệp vụ.
data-ai
global-system-planner
Master System Planner. Phân tích ngữ cảnh tổng thể từ Functional Requirements, sinh ra Global Blueprint cho quá trình UML Generation. Đóng vai trò làm Stage 0 để truyền context tổng quát cho các Agent phân rã phía sau.
data-ai
master-skill
Orchestrate end-to-end Agent Skill delivery as a standalone workflow with natural-language intent routing, optional /ss commands, session tracking, and deterministic verification.
data-ai
openspec-apply-change
Implement tasks from an OpenSpec change. Use when the user wants to start implementing, continue implementation, or work through tasks.
tools
openspec-sync-specs
Sync delta specs from a change to main specs. Use when the user wants to update main specs with changes from a delta spec, without archiving the change.
data-ai
openspec-bulk-archive-change
Archive multiple completed changes at once. Use when archiving several parallel changes.
tools
openspec-continue-change
Continue working on an OpenSpec change by creating the next artifact. Use when the user wants to progress their change, create the next artifact, or continue their workflow.
tools
openspec-ff-change
Fast-forward through OpenSpec artifact creation. Use when the user wants to quickly create all artifacts needed for implementation without stepping through each one individually.
tools
openspec-new-change
Start a new OpenSpec change using the experimental artifact workflow. Use when the user wants to create a new feature, fix, or modification with a structured step-by-step approach.
tools
prompt-improver
Skill cai thien va toi uu hoa prompt cho AI Agent. Phan tich prompt hien tai, xac dinh van de, de xuat cai thien, cung cap templates. Su dung khi: (1) prompt khong ro rang, (2) AI hieu sai yeu cau, (3) can toi uu prompt phuc tap, (4) can tao prompt moi chat luong cao. Trigger: /prompt, improve prompt, fix prompt, optimize prompt, prompt khong hieu qua.
data-ai
openspec-verify-change
Verify implementation matches change artifacts. Use when the user wants to validate that implementation is complete, correct, and coherent before archiving.
testing
pipeline-orchestrator
Điều phối pipeline chạy các skill theo thứ tự. Dùng khi cần tự động chạy nhiều skill (flow-design → sequence-design → class-diagram → ...) mà không cần can thiệp thủ công giữa các bước. Đọc pipeline.yaml, quản lý _queue.json, spawn subagents và theo dõi tiến trình.
devops
.claude/skills/prompt-improver
--- name: prompt-improver description: Skill cải thiện và tối ưu hóa prompt cho AI Agent. Phân tích prompt hiện tại, xác định vấn đề, đề xuất cải thiện, cung cấp templates. Sử dụng khi: (1) prompt không rõ ràng, (2) AI hiểu sai yêu cầu, (3) cần tối ưu prompt phức tạp, (4) cần tạo prompt mới chất lượng cao. Trigger: /prompt, improve prompt, fix prompt, optimize prompt, prompt không hiệu quả. category: utility pipeline: stage_order: 0 input_contract: [] output_contract: [] dependencies: []
tools
screen-structure-checker
Skill kiểm tra cấu trúc thư mục screens theo kiến trúc quản lý tập trung. Sử dụng khi cần (1) audit cấu trúc screen mới tạo, (2) kiểm tra toàn bộ screens trong dự án, (3) tìm các vi phạm naming convention, (4) phát hiện file cần refactor do quá lớn.
development
sequence-design-analyst
Senior UML Architect chuyên về Sequence Diagram chuẩn Mermaid. Kích hoạt khi cần tạo sequence diagram từ flow diagram hoặc chạy pipeline UML stage 2. Đầu ra: Docs/life-2/diagrams/sequence/{module}-sequence.md
devops
sequence-design-analyst
Chuyên gia phân tích và thiết kế Sequence Diagram (UML) chuẩn Mermaid. Kích hoạt khi user yêu cầu vẽ sơ đồ tuần tự, phân tích luồng tương tác, hoặc thiết kế message flow cho chức năng. Tự động nghiên cứu codebase để đảm bảo tính thực tế.
development
task-planner
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".
development
skill-architect
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.
data-ai
ui-architecture-analyst
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]".
testing
.claude/agents/ui-architecture-analyst
--- name: ui-architecture-analyst description: > Senior UI Spec Analyst chuyên chuyển đổi Schema + Diagrams thành UI Screen Specifications. ạt khi Kích ho cần tạo UI spec từ schema hoặc chạy pipeline stage 6. Đầu ra: Docs/life-2/ui/specs/{module}-ui-spec.md tools: Read, Write, Edit, Bash, Grep, Glob disallowedTools: Task model: sonnet permissionMode: acceptEdits skills: - ui-architecture-analyst --- > 🚨 **MỆNH LỆNH BẮT BUỘC TỪ HỆ THỐNG (CRITICAL DIRECTIVE)**: > Bạn CHỈ MỚI ĐỌC file `SKI
tools
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
tools
skill-planner
Doc ban thiet ke kien truc (design.md) va tao ke hoach trien khai chi tiet (todo.md). Trigger khi user noi: "lap ke hoach skill", "tao todo.md", "phan ra task tu design.md", "trace design -> task". Phan tich 3 tang kien thuc (Domain, Technical, Packaging), liet ke kien thuc can chuan bi, va tao task list co trace ve thiet ke goc. Skill nay la #2 trong bo Master Skill Suite (Architect -> Planner -> Builder).
development
skill-planner
Senior Skill Planner - đọc design.md và tạo todo.md (implementation plan). Kích hoạt khi cần lập kế hoạch triển khai skill từ design. Input: design.md → Output: todo.md
data-ai
skill-planner
Doc ban thiet ke kien truc (design.md) va tao ke hoach trien khai chi tiet (todo.md). Trigger khi user noi: "lap ke hoach skill", "tao todo.md", "phan ra task tu design.md", "trace design -> task". Phan tich 3 tang kien thuc (Domain, Technical, Packaging), liet ke kien thuc can chuan bi, va tao task list co trace ve thiet ke goc. Skill nay la #2 trong bo Master Skill Suite (Architect -> Planner -> Builder).
development
spec-reviewer
Reviews code implementation against Life-2 specs. Use when verifying that new code aligns with the module specs in Docs/life-2/specs/. Trigger when implementing features, creating Payload collections, or after finishing a module.
development