Specialist in organizing and restructuring design documentation. Use when reorganizing design docs, splitting large files, or creating structured documentation following the three-layer format (requirements, ui-design, implementation).
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Roadmap — 尚未實作。 Battle management system (Code Quest RPG vision) — AI dispatch, multi-battle handling, worktree-based battle isolation. See rpg-roadmap / project-overview for framing. Use when designing future combat flow, planning parallel AI battles, or reading legacy design docs.
Explains Claude Code features, skills, subagents, hooks, MCP, and CLI usage. Use when the user asks questions like "How do I...", "Can Claude...", "What is...". Provides detailed guidance on Claude Code CLI functionality.
CLI provider capability differences across Claude, Gemini, and other providers. Use when implementing provider-specific logic, discovering CLI behavioral differences, adding new provider support, or encountering limitations where not all CLIs support the same flags.
Collects real CLI (Claude, Gemini) stream-json output as .jsonl fixture files. Use when adding new fixture scenarios, updating after CLI version changes, or covering new protocol event types.
Drizzle ORM and drizzle-kit patterns for multi-dialect setup (SQLite + MySQL). Use when creating or modifying DB schemas, writing migrations, implementing repositories, adding tables or relations, or writing database tests.
Environment variable access conventions. All env access goes through centralized config modules (apps/server/src/config.ts, apps/web/src/config.ts). Use when reading process.env, adding new env vars, or modifying config files.
Express server patterns with TypeScript, InversifyJS, and Socket.IO. Use when creating or modifying HTTP endpoints, middleware, route handlers, CORS config, graceful shutdown, or writing supertest integration tests.
Reference guide for comparing cc-office UI against the real Claude Code VS Code Extension via live MCP debugmcp inspection. Use when building or redesigning UI components, aligning visuals with the extension, creating OpenSpec changes for UI alignment, or unsure what the extension renders for a given element.