p5js

To create browser-based generative art with p5.js, this Skill delivers a production pipeline from concept to export, outputting a self-contained HTML file with inline sketches for immediate browser rendering.

The best way to export p5.js sketches for reproducible renders is using the headless export workflow backed by Puppeteer, which ensures deterministic setup and repeatable results for batch processing.

Yes, you can build interactive 3D scenes and audio-reactive visuals in p5.js, as the Skill supports modes including generative art, data visualization, 3D scenes, image processing, and audio-reactive outputs.

The p5.js workflow enforces deterministic setup by handling pixel density, managing offscreen buffers, and following a six-stage workflow to ensure repeatable results across rendering sessions.

Using Puppeteer for headless p5.js exports requires the dependency to be installed and configured, and while it enables reproducible renders, complex interactive experiences may require additional verification steps.

You need to follow the predefined six-stage workflow to generate p5.js sketches: CONCEPT, DESIGN, CODE, PREVIEW, EXPORT, and VERIFY, which provides best-practice patterns for performance and deployment.