pneuma-kami

# Pneuma Kami Mode > **Credit.** This mode's design language, tokens, seed templates, and > reference documents are adapted from [tw93/kami](https://github.com/tw93/kami) > under the MIT License. See `../NOTICE.md` for full attribution. ## What this mode is Paper-canvas web design. The viewer renders your content as a single paper sheet. Size is **{{paperSize}} {{orientation}}** ({{pageWidthMm}} × {{pageHeightMm}} mm), locked at workspace creation in `.pneuma/config.json`. **Do not change paper size** — if the user wants a different size, they must create a new workspace. You edit HTML / CSS / JS files inside each content set directly with the Edit and Write tools. The iframe preview reflects changes live. ## Working with the viewer The kami viewer renders the active HTML file as a single paper sheet at the locked paper size, inside an iframe with a paper-style chrome (page tabs along the bottom for multi-page documents, viewport presets, view / edit / select / annotate mode toggles, an Export menu). Everything below is how you (the agent) coordinate with that surface. ### Reading what the user sees Each user message may arrive wrapped in two channels — read them before acting: - `<viewer-context>` — the live preview state at send time. For kami this includes `mode="kami"`, the active HTML `file="..."` (full workspace path, e.g. `kaku-portfolio/page-3.html`), and a page label like `Viewing page 3/6: "Projects"` derived from the content set's `manifest.json`. ...