Skill overview

Bắt đầu từ workflow, rồi mở skill chi tiết khi cần.

CafeKit skills là operating procedures đặt trong repo. Trang này cho bạn cái nhìn tổng quan trước, sau đó dẫn tới từng trang chi tiết của các skill chính dùng cho delivery, debugging, documentation, và release.

Core workflow

specsdeveloptestcode-reviewsyncgit

Pre-spec discovery

questionbrainstorminspectresearch

Debug and change safety

debughotfix

Frontend and product

frontend-designfrontend-developmentreact-best-practicesui-ux-pro-maxweb-testing

Backend and platforms

backend-developmentmobile-developmentdevops

Artifacts and media

docsgenerate-graphagent-browserchrome-devtoolsai-multimodaldocxpdfpptxxlsx

Nên đọc trang này thế nào#

Các workflow skills chính có trang riêng vì chúng quyết định cách công việc di chuyển trong repo. Domain skills nằm trong catalog vì chúng hỗ trợ từng bề mặt cụ thể như frontend, backend, browser automation, documents, spreadsheets, và deployment.

Trang chi tiết skill chính

Bắt đầu từ nhóm workflow skills. Mỗi trang giải thích khi nào dùng, flow vận hành, output, bẫy cần tránh, và handoff.

/hapo:question

Question

Skill hỏi đáp có evidence cho source code, docs, specs, config, dependencies, workflow, và thông tin kỹ thuật bên ngoài.

/hapo:brainstorm

Brainstorm

Ideation scout-first trước khi có spec. Skill này biến intent thô thành quyết định đủ sẵn sàng cho spec mà không viết code implementation.

/hapo:specs

Specs

Tạo feature contract bền vững: requirements, research, design, task packets, và validation state.

/hapo:develop

Develop

Implement approved task packets với scope fidelity, task-aware inspection, verification, review, và state sync.

/hapo:test

Test

Chạy verification thật và trả verdict cụ thể, không xem command xanh bề mặt là proof.

/hapo:code-review

Code Review

Review findings-first cho spec compliance, code quality, security, regressions, và contract drift.

/hapo:sync

Sync

Update task status, task_registry, task markdown, phase, và audit result để agent sau có thể tin project record.

/hapo:debug

Debug

Workflow diagnosis-only cho bug, failing tests, CI issues, performance issues, và UI regressions.

/hapo:hotfix

Hotfix

Repair hẹp, có evidence sau diagnosis. Fix cause mà không mở rộng scope.

/hapo:docs

Docs

Tạo, refresh, summarize, hoặc reconstruct project documentation từ source code.

/hapo:inspect

Inspect

Codebase discovery nhanh cho file finding, task context, entrypoints, call paths, và blast radius.

/hapo:git

Git

Branch, commit, push, PR, finish, và worktree operations an toàn với secret scanning và focused commits.

Catalog support skills

hapo:research
External technical research and source validation.
hapo:generate-graph
Technical diagrams exported as SVG/PNG.
hapo:frontend-design
Polished frontend redesign and visual execution.
hapo:frontend-development
React/TypeScript frontend implementation patterns.
hapo:react-best-practices
React and Next.js performance guidance.
hapo:ui-ux-pro-max
UI/UX rules, accessibility, layout, motion, and design intelligence.
hapo:web-testing
Playwright, Vitest, k6, visual, a11y, and performance testing.
hapo:agent-browser
Context-efficient browser automation snapshots.
hapo:chrome-devtools
Puppeteer automation, screenshots, console, and ARIA checks.
hapo:ai-multimodal
Image, audio, video, OCR, transcript, and document analysis.
hapo:backend-development
APIs, auth, databases, services, security, and backend patterns.
hapo:devops
Cloudflare, Docker, GCP, Kubernetes, CI/CD, and deployment work.
hapo:mobile-development
React Native, Flutter, SwiftUI, Kotlin, and mobile UX.
hapo:docx
Word document creation, extraction, editing, comments, and redlines.
hapo:pdf
PDF extraction, creation, forms, merge, split, and batch work.
hapo:pptx
PowerPoint creation, editing, templates, and slide generation.
hapo:xlsx
Spreadsheet creation, formulas, charts, analysis, and recalculation.

Routing rule#

Chọn skill nhỏ nhất phù hợp với task. Đừng ép full spec workflow cho fix nhỏ, và đừng bắt đầu code khi request vẫn còn mơ hồ.