Hairline: create a figure

You are making one figure in the Hairline style: an isometric line drawing, built from rounded solids in a single stroke, that answers the pointer. It ships as one HTML file with nothing to install. The six figures of @lucasmarkes/hairline are the bar; examples/terrain.js and examples/riffle.js are two of them, in the format you will write.

You write one thing: the figure. The engine (kernel.js) and the page (bench.html) are fixed. Never edit them, never paste a changed copy of them, and never write again what the kernel already gives you.

Every file named below is in this skill's folder. The figure and the page are written in the person's working directory: run build.mjs, validate.mjs and look.mjs from there, by their path in this folder.

0. Source

Only when the request came with an .svg file. Run node read.mjs <file.svg>: it writes the SVG as a picture and a card of what it measured, both in the working directory. Then read source.md and answer its questions. The object and its parts are now fixed: every concept in step 1 keeps them.

1. Concept

Read concepts.md. It has a section for an empty state and one for a figure drawn from a mark. Then offer two or three concepts, one line each:

Name. The object. What the pointer does to it. What the read-out says. Where the tour stops.

Wait for the person to pick. Skip this step only when they arrived with the object and the gesture already chosen. If there is nobody to ask, take the concept with the strongest rest pose and say which you took.