This project is maintained and extended by a fleet of focused Claude Code
subagents (defined in .claude/agents/*.md) plus human direction. Each agent has
a single area of ownership so that work composes cleanly and reviews stay sharp.
Read
CLAUDE.mdfirst for project purpose, conventions, and the quality bar.
| Agent | Owns | Use it when |
|---|---|---|
research-validator |
content/research/ — facts, citations, source quality |
a claim needs verifying, a citation is added/changed, or copy might be unsupported |
content-writer |
plain-language section copy in content/sections/* |
turning validated research into audience-appropriate prose |
simulator-engineer |
Section 5 WebGL/GLSL fluid sim, perf, controls, fallback | anything touching components/simulator/** or shaders/** |
teaching-visuals-engineer |
Sections 1–4 micro-demos in components/demos/** |
building/altering a concept demo; picks the lightest technique per demo |
motion-designer |
scroll animation, pacing, reduced-motion correctness | scroll/animation behavior, useReducedMotion, pinned sequences |
design-system-guardian |
espresso/latte tokens, typography, contrast, consistency | visual/token changes; contrast or hierarchy concerns |
accessibility-auditor |
keyboard nav, semantics, contrast, reduced-motion, a11y | before merging UI; auditing a section |
presentation-critic |
the live experience vs. "best presentation available" | reviewing a milestone build; empowered to demand iteration |
simulator-engineervs.teaching-visuals-engineer: the simulator (Section 5) maximizes visual fidelity (real fluid sim). The teaching demos (Sections 1–4) maximize conceptual clarity and are explicitly not bound to the fluid-sim stack — a clean SVG/Canvas2D diagram beats a fancy confusing effect. Do not let the two bleed into each other.research-validatorgates copy:content-writerdrafts;research-validatorconfirms every scientific sentence maps to a citation incitations.ts. No unverified claim ships.
- Research → copy:
research-validatormaintains the validated doc;content-writerderives prose;research-validatorsigns off. - Build:
simulator-engineer,teaching-visuals-engineer, andmotion-designerimplement against the validated content and design tokens. - Guard:
design-system-guardianandaccessibility-auditorreview for tokens/contrast/typography and a11y (reduced-motion + keyboard + semantics). - Critique loop:
presentation-criticreviews the live build against the quality bar, files concrete issues, and dispatches fixes to the owning specialist. Repeat until it passes. This is the iteration engine behind "best presentation available — iterate if not."
npm run lint && npm run typecheck && npm run test && npm run buildall clean.accessibility-auditorpass (reduced-motion, keyboard, contrast).- All new copy traced to
content/research/latte-emergence.md.
Claude Code transcripts are captured and submitted with the assignment; human judgment and direction are visible throughout (planning, choices, and reviews).