Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Code Quest project-specific code review checks covering import order, zod schema placement, cross-package event-name alignment, server handler middleware, channel / emitter semantics, client handler organization, React Compiler compatibility, icon facade convention, and FakeSummoner test patterns. Pairs with generic…
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
FakeSummoner test harness for client-side tests — React component/context/hook tests that need socket + pipeline. Covers renderWithWorkspace, renderWithChannel, multi-tab scenarios, state injection vs full pipeline. For server tests see fake-summoner-server skill.
Skill Claude CodeCodex
FakeSummoner test harness for server-side tests — socket handlers, channel integration, pipeline, DB, CLI process. Use when writing or debugging server tests that need real socket.io + in-memory DB + fake CLI process. For client tests see fake-summoner-client skill.
Skill Claude CodeCodex
Fixture-driven TDD workflow for CLI parsers and session tests. Uses real CLI JSON from DB/capture, FakeClaude segments, and .jsonl fixtures. Use when developing parsers, adding event types, or writing server pipeline tests.
Skill Claude CodeCodex
Frontend testing guide for React components, hooks, and stores using testing-library, vitest, and Storybook. Use when writing or refactoring component tests, hook tests, or choosing between test doubles. Covers six core principles (Testing Library first, Fake for external deps, Fake Component for isolation, test…
Skill Claude CodeCodex
Roadmap — 尚未實作。 Dual-mode map system (2D overhead + dialogue mode) and location structure (Code Quest RPG vision). See rpg-roadmap / project-overview for framing. Use when designing future map/scene features, town/wilderness/dungeon content, or reading legacy design docs.
Skill Claude CodeCodex
MSW v2 patterns for API mocking in Vitest tests. Use when setting up API mocks, writing HTTP handlers, simulating network errors, or configuring msw/node for component and integration tests.
Skill Claude CodeCodex
CLI stream parser development workflow. Covers the ProtocolEvent → SocketEvent pipeline, Zod schema validation, and adapter pattern. Use when creating or modifying protocol parsers, adding new event types, or debugging parse failures.
Skill Claude CodeCodex
當下：cc-office 是 Claude Code CLI 的 web 客戶端，對齊官方 VS Code extension 的 protocol — ChatPanel / PermissionModePicker / SessionContext / Storybook 覆蓋、design tokens、Tailwind scale 等。.
Skill Claude CodeCodex
Compare cc-office protocol implementation against the real Claude Code VS Code Extension. Use when checking protocol coverage, analyzing alignment gaps, re-comparing after extension updates, or building a coverage matrix.
Skill Claude CodeCodex
A reference for understanding what React Compiler 1.0 automatically optimizes and what still needs manual handling. React Compiler is a build tool that can add memoization to reduce repeated work in React applications.
Skill Claude CodeCodex
React hooks and Context conventions for this project. Covers custom hook extraction rules, Context splitting (state vs actions), dependency management with biome useExhaustiveDependencies, and ref/callback patterns. Use when writing or reviewing custom hooks, Context providers, or component re-render optimization.
Skill Claude CodeCodex
Roadmap (not yet implemented). Code Quest RPG vision for cc-office — CodeLand world, 11 systems, HP/MP/EXP/Gold mechanics, battle-trigger rules, pixel-art visual style. Use when designing future RPG features, discussing long-term direction, or reading legacy docs under docs/ui-design/. Current architecture: see…
Skill Claude CodeCodex
Skill "simple-git-reference" from recca0120/code-quest, covering simple-git reference, instance, api, error handling and typescript types.
Skill Claude CodeCodex
Socket.IO event handling patterns for server and client. Use when implementing socket handlers, adding real-time events, creating client socket hooks, or modifying handler registration.