How to render one hash to a PNG and adjust the sketch with Genart Skill

Who it is forA generative artist iterating on a sketch with Claude Code who wants to see how one specific seed looks after each change.

The problemJudging a generative sketch by reading code is slow, and the artist needs to see the actual composition for a given hash.

The outcomeOne PNG for the chosen hash that Claude can open, inspect and use to decide the next edit.

What you need first

Claude Code installed
Node.js, to run the two scripts with node
A p5.js, Canvas 2D, three.js or SVG sketch in a project folder
Playwright installed in your project (npm i -D playwright && npx playwright install chromium)

Steps

/plugin marketplace add camilleroux/genart-skill
/plugin install genart@camilleroux-genart
npm i -D playwright && npx playwright install chromium (inferred, check the README)
node "$CLAUDE_PLUGIN_ROOT/scripts/render.mjs" myproject --hash 0x…

Prompt for your agent

Using the genart plugin from camilleroux/genart-skill, run node "$CLAUDE_PLUGIN_ROOT/scripts/render.mjs" <sketch-folder> --hash <0x-token-hash> to produce one PNG. Expect a single PNG file for that hash. Verify the PNG opens and matches the hash you passed before editing the sketch again.

Caveat. The script needs Playwright installed in your project, and the plugin itself stays dependency-free.