SkillsAdd

smithery/Mnehmos

quest-keeper-frontend

Frontend development skill for Quest Keeper AI Tauri application.

Installation

$ npx skills add smithery/Mnehmos --skill quest-keeper-frontend
View on skills.sh ↗ Website ↗

Summary

  • 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.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Shared topics
vercel-labs/agent-skills 326.5K installs
vercel-react-native-skills Shared topics
vercel-labs/agent-skills 205.5K installs
frontend-design Similar name
anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…

866.4K installs
frontend-design Similar name
anthropics/claude-code 58.1K installs

Also in this package

Other skills from smithery/Mnehmos.

npx skills add smithery/Mnehmos
tdd-playtest 0

Browse all from smithery/Mnehmos

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,617 B
  • docs SUMMARY.md 313 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

Quest Keeper Frontend Development

Location

C:\Users\mnehm\Desktop\Quest Keeper AI attempt 2

Tech Stack

  • Framework: Tauri 2.x (Rust shell + WebView)
  • UI: React 19 + TypeScript + Vite
  • State: Zustand stores
  • 3D: Three.js via @react-three/fiber
  • Styling: TailwindCSS (terminal/CRT aesthetic)

Directory Structure

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

Key Commands

npm run tauri dev     # Development with hot reload
npm run build         # Production build

MCP Response Parsing

import { parseMcpResponse } from '@/utils/mcpUtils';
const result = await mcpClient.callTool('get_character', { id });
const character = parseMcpResponse<Character>(result, null);

Terminal/CRT Aesthetic

Key classes: terminal-green, terminal-dim, terminal-dark, crt-glow, font-mono