Development workbench
Live audio, MIDI, hot reload, diagnostics, and agent-assisted iteration.
Run the development command provided by the starter:
pnpm module:dev
The workbench opens around your normal web application. React, Vue, and other web tooling keep their usual hot reload. Changes to the module graph, parameters, or interface are validated and reflected in the preview.
What the workbench provides
- Audio files, microphone input, computer keyboard, and MIDI when appropriate
- Parameter inspection and synchronized UI edits
- Scope, spectrum, levels, and other diagnostics
- Browser errors, engine events, and export logs in one place
- Repeatable audio and MIDI fixtures for tests
- Actions for the targets supported by the current project
The workbench is designed for a tight conversation with a coding agent. Ask for a graph or interface change, listen to the result, inspect the diagnostics, and send any compiler or verification error back to the agent.
The interface can use the whole web ecosystem. Three.js, WebGL, animation, video, and custom visualization sit beside the audio-specific controls rather than behind a separate native UI framework.
See Export when the tool is ready to leave the workbench.