メニュー
Frontend development skill for Quest Keeper AI Tauri application. Use when working on React components, Zustand stores, Three.js battlemaps, TailwindCSS styling, or Tauri shell integration. Triggers on mentions of frontend, React, Zustand, Three.js, battlemap, UI, viewport, or Tauri.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Version control discipline for Quest Keeper AI development. Enforces the "commit early, commit often" pattern.
Master orchestration skill for Quest Keeper AI development. Use when working on ANY part of Quest Keeper AI - coordinates between frontend (Tauri/React), backend (rpg-mcp), and documentation. Triggers on any mention of Quest Keeper, rpg-mcp, game development for this project, or when referencing the Agents/ folder.
Test-Driven Development combined with emergent playtesting for Quest Keeper AI. Use when running playtest sessions, writing tests, debugging game feel issues, or following the RED-GREEN-REFACTOR cycle.
| name | quest-keeper-frontend |
| description | Frontend development skill for Quest Keeper AI Tauri application. Use when working on React components, Zustand stores, Three.js battlemaps, TailwindCSS styling, or Tauri shell integration. Triggers on mentions of frontend, React, Zustand, Three.js, battlemap, UI, viewport, or Tauri. |
C:\Users\mnehm\Desktop\Quest Keeper AI attempt 2
src/
├── components/
│ ├── viewport/ # BattlemapCanvas, CharacterSheet, WorldMap
│ ├── adventure/ # Main layout (AdventureView.tsx)
│ ├── terminal/ # Chat interface
│ └── sidebar/ # Navigation
├── stores/ # Zustand state management
├── services/ # MCP client, LLM providers
├── hooks/ # Custom React hooks
└── utils/ # Helpers
npm run tauri dev # Development with hot reload
npm run build # Production build
import { parseMcpResponse } from '@/utils/mcpUtils';
const result = await mcpClient.callTool('get_character', { id });
const character = parseMcpResponse<Character>(result, null);
Key classes: terminal-green, terminal-dim, terminal-dark, crt-glow, font-mono