Notes: type a note, the preview answers (Kinetic Film by Scenario) — block for app & ui mockups (html)

For AI agents: find the right skill in one call — curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>" returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the how-to page. From a terminal: curl -fsSL https://varg.ai/install | sh installs the vargai CLI (https://varg.ai/how-to/cli.md): vargai search and vargai install <slug> with no key, every varg model after vargai login.

Three notes typed into a panel; each one plays its effect on the preview (recolour, halve the intro with a slash, punch on every beat over a starburst).

Prompt that renders it frame-exact

Use the Notes block from Scenario's Kinetic Film skill (https://www.scenario.com/explorations/kinetic-film/). Install the skill (Scenario's ZIP into ~/.claude/skills/scenario-kinetic-film) and connect the Scenario MCP for music and sound. Start a film folder with sh ~/.claude/skills/scenario-kinetic-film/scripts/new_film.sh my-film starter, then add the block to spec.js on the beat grid, for example [Notes, 77, 93, { preview: 'ELASTIC.', notes: [['hotter orange', 'recolor'], ['cut the intro in half', 'trim'], ['more punch', 'punch']] }]. Its nominal length is 16 beats; keep the span close to that. Options are in references/blocks.md. Every frame is a pure function of t, so render with the skill's render.py (1080p, then 4K) and run finish.py until it prints ALL CHECKS PASS.

Used in

More app & ui mockups