Generate p5.js generative art sketches with headless export to HTML, PNG, GIF, MP4, or SVG.
npx skills add https://github.com/Harries/hermes-agent --skill p5js-harries
Please help me install this Agent Skill. Skill: p5js Source: https://github.com/Harries/hermes-agent/tree/main/skills/creative/p5js Command: npx skills add https://github.com/Harries/hermes-agent --skill p5js-harries
Art creators often face friction setting up a robust, repeatable workflow for browser-based generative art; this Skill provides a production pipeline that handles concept, code, preview, and export in one place.
Open the viewer template, replace the example algorithm with your own p5.js sketch, and regenerate to preview results.
High-intent search queries and answers about installing and using this skill.
This pipeline exports p5.js generative art sketches to PNG, GIF, MP4, or SVG using deterministic headless rendering via Puppeteer, capturing self-contained HTML outputs for batch file generation.
The best way to automate batch rendering for p5.js visual art is using a headless Puppeteer capture pipeline that enforces deterministic rendering with noLoop and redraw for repeatable results.
Yes, you can generate interactive WebGL scenes from text prompts by applying this production pipeline, which handles concept, code, preview, and export for shader effects and WebGL projects.
Yes, this p5.js workflow supports GIF and MP4 video export alongside HTML, PNG, and SVG formats, using headless Puppeteer capture capabilities to render and save animation outputs.
You ensure deterministic rendering in browser-based generative art by applying a viewer template that enforces noLoop and redraw functions, preventing random seed variations during headless export.
superfhpGenerate interactive p5.js visual art as self-contained HTML files.
srivtxGenerate interactive and generative visual art with p5.js.
fikriafCreate interactive and generative visual art using p5.js.
jleechanorgGenerate browser-based generative art with p5.js in a single HTML file.
