Creative tools
Controls for professional audio, video, and design workspaces.
Build a specialised workspace with Vlak’s paper, ink, and hairlines. Each component includes a live specimen, a contextual example, and generated documentation for agents.
Audio
Read channel levels, adjust gain and pan, and control a named parameter with native keyboard input.
- Audio meter. Shows supplied channel levels and peaks in decibels, with bounded native meters and explicit missing readings.
- Channel strip. Edits channel gain, pan, mute, and solo with native sliders and 44px toggle actions wired to caller-owned state.
- Parameter knob. Displays a rotary parameter over a native horizontal range input, with named values, units, and a 64px control.
- Patchbay. Connects supplied source and destination ports through a keyboard-navigable matrix, with signal types, channel groups, and blocked-route reasons.
Video
Enter a timecode, select a clip, seek through a sequence, and manage render jobs.
- Timecode field. Edits hours, minutes, seconds, and frames with native form validation for a supplied integer non-drop frame rate.
- Clip timeline. Positions supplied clips within a declared duration, with contained horizontal scrolling, accessible selection, and optional seeking.
- Render queue. Displays supplied export jobs, progress, and status with explicit cancel and retry callbacks for a connected renderer.
Design
Select, hide, and lock layers; inspect a colour; and edit independent or linked spacing values.
- Layer stack. Manages supplied layer selection, visibility, locking, and order through named 44px controls and caller-owned changes.
- Color inspector. Edits a six-digit hex color and alpha with a data-driven preview, a transparency ground, and native form validation.
- Spacing control. Edits top, right, bottom, and left spacing with linked or independent native number fields and explicit units.
Typography
Compare supplied baseline kerning with per-pair draft offsets in declared font units.
- Kerning pair editor. Edits supplied glyph-pair offsets in font units, with baseline and edited previews, bounded keyboard nudging, and one-step undo.
Data and action contracts
Respect routing and typography context
Patchbay edits a matrix of compatible supplied source and destination ports; the host supplies additional block reasons and confirmed routing. KerningPairEditor keeps missing baseline values distinct from zero and previews only the supplied glyph pair with an additional offset, without rewriting the font or its shaping tables.
Connect controls to an engine
Callbacks express edits and requested actions. The host application owns audio processing, playback, timeline editing, undo history, and render execution. Demo controls update local state.
Declare units and time bases
Audio meter levels use the supplied decibel scale. ClipTimeline uses an explicit seconds or frames unit. TimecodeField supports integer non-drop frame rates from 1 to 99; fractional and drop-frame workflows require a different timecode implementation.
Keep missing data visible
Missing meter levels, unknown job progress, unset colours, and empty spacing values remain distinct from zero. Pass confirmed render status back after cancel or retry actions complete.
Support precise keyboard edits
Parameter controls retain native input semantics. Timeline clips have separate accessible selection controls, and layer visibility and locking use named buttons. Geometry and swatches accompany readable values.
Agents can read this guide as Markdown, filter the MCP catalogue by creative, or search for individual components through the CLI.