Quest Keeper Frontend

소개

This skill provides specialized guidance for building and maintaining the Quest Keeper AI frontend, focusing on its unique retro-terminal aesthetic and complex 3D rendering requirements. It assists developers in implementing React 19 components, managing state via Zustand, and integrating Three.js for interactive battlemaps within a Tauri shell. With built-in support for MCP response parsing and specific TailwindCSS styling conventions, it ensures consistent UI/UX across the terminal interface, character management systems, and world maps.

주요 기능

• Standardized Zustand store patterns for application state management
• Integration patterns for Tauri 2.x shell and WebView communication
• Efficient parsing of MCP (Model Context Protocol) tool responses into TypeScript interfaces
• Implementation guidance for Three.js battlemaps using @react-three/fiber
• Specialized TailwindCSS classes for terminal and CRT visual effects
• 2 GitHub stars

사용 사례

• Styling application views with a consistent retro-terminal or CRT-glow aesthetic
• Connecting React frontend components to backend services and MCP tools
• Developing interactive 3D UI components like battlemaps and world maps