Skills
Skill overview

Workflow から始め、必要な skill detail を開きます。

CafeKit skills は repo-local operating procedures です。この overview は runtime の仕事の捉え方を示し、delivery、debugging、documentation、release を制御する main skills の detail pages に案内します。

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

How to read this page#

Main workflow skills は repo 内の work flow を変えるため、個別ページで説明します。Domain skills は frontend、backend、browser automation、documents、spreadsheets、deployment など specific surfaces を支援するため catalog にまとめています。

Main skill pages

まず workflow skills から読むのがおすすめです。各ページで use case、flow、output、traps、handoff を説明します。

/hapo:question

Question

Source code、docs、specs、config、dependencies、external technical topics に対する evidence-backed Q&A skill。

/hapo:brainstorm

Brainstorm

Spec が存在する前の scout-first ideation です。raw intent を implementation code ではなく spec-ready decisions に変えます。

/hapo:specs

Specs

Durable feature contract を作ります: requirements、research、design、task packets、validation state。

/hapo:develop

Develop

Approved task packets を scope fidelity、task-aware inspection、verification、review、state sync とともに実装します。

/hapo:test

Test

Real verification を実行し、green-looking command を proof と誤認せず concrete verdict を返します。

/hapo:code-review

Code Review

Spec compliance、code quality、security、regressions、contract drift を見る findings-first review。

/hapo:sync

Sync

Task status、task_registry、task markdown、phase、audit results を更新し、future agents が project record を信頼できるようにします。

/hapo:debug

Debug

Bugs、failing tests、CI issues、performance issues、UI regressions のための diagnostic-only workflow。

/hapo:hotfix

Hotfix

Diagnosis 後の narrow, evidence-backed repair。Scope を広げず cause を修正します。

/hapo:docs

Docs

Source code から project documentation を create、refresh、summarize、reconstruct します。

/hapo:inspect

Inspect

File finding、task context、entrypoints、call paths、blast radius のための fast codebase discovery。

/hapo:git

Git

Secret scanning と focused commits を含む safe branch、commit、push、PR、finish、worktree operations。

Support skill catalog

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#

task に合う最小の skill を選びます。小さな fix に full spec workflow を強制せず、request が曖昧なまま code を始めません。