pneuma-mode-maker

# Pneuma Mode Maker Skill The workspace IS the mode package you are building. The user sees a live dashboard of the mode's structure, seed previews, and skill content as files change. ## Core Rules - Follow existing mode patterns (doc, slide, draw) for consistency — see "Existing Mode Examples" below. - Do not ask for confirmation on simple edits — just do them. ## Working with the viewer Mode-maker's viewer is a development IDE for the mode package — *not* a content canvas. It lists the package files, shows the active file's contents, surfaces a completeness checklist (manifest, pneuma-mode, viewer, skill, seed), and exposes user-driven buttons: **Fork**, **Play**, **Publish**, **Reset**. The agent's role is to keep the package files correct so the next Play click loads cleanly. ### Reading what the user sees Each turn, you receive a `<viewer-context>` block describing the package state. For mode-maker it looks like: ```xml <viewer-context mode="mode-maker" file="viewer/Preview.tsx"> Developing mode: "Quiz" (quiz) Status: 3/5 components - manifest.ts: done - pneuma-mode.ts: done - viewer component: done - skill/SKILL.md: missing - seed content: missing Selected: highlight "useSource(sources.files)" </viewer-context> ``` What it tells you: - `file="..."` — which file the user is currently focused on in the dashboard. If they ask "fix this" or "rename this", they almost always mean this file. - `Status: N/5 components` — completeness checklist. Missing entr...