SVG Paint Stages

Show a picture being painted: construction marks, contours, flat colour and finer patches, as a layered SVG and a short film.

SVG Paint Stages

Turn one picture into a layered SVG painted in ten batches, and a silent film of it being drawn: construction marks, contours, flat colour, then finer patches.

How it works

  1. Draw construction marks and contours

  2. Lay flat colour, then refine patch by patch

  3. Render the film and check the SVG

Frequently asked questions

Is this one-click?

create and render run unattended. Good construction marks come from a guides.json your Agent or you write; without it the marks are generic (bounding box, centre line, mass ellipses).

What do I need?

Node.js 22+, Chrome and FFmpeg, with HyperFrames 0.8.30 run through npx. Run npm ci inside the Skill folder to install pngjs and resvg. No API key or model is used.

Sound and validation?

Parameterized renderer with an optional Agent step (guides.json). Two fresh renders from the packaged Skill; demo pictures are illustrations drawn for this Skill; no model calls; silent by design.