Generate p5.js generative art sketches with headless export to video and assets.
npx skills add https://github.com/zengbaocheng/hermes-tech-hub --skill p5js-zengbaocheng
Please help me install this Agent Skill. Skill: p5js Source: https://github.com/zengbaocheng/hermes-tech-hub/tree/main/creative/p5js Command: npx skills add https://github.com/zengbaocheng/hermes-tech-hub --skill p5js-zengbaocheng
This skill enables artists and developers to build browser-run, self-contained p5.js sketches that produce interactive, generative visuals with a production-ready workflow.
Open the p5.js Skill README or SKILL.md and follow the setup to run a sample sketch in your browser.
High-intent search queries and answers about installing and using this skill.
Export p5.js generative art using a headless pipeline with Puppeteer and ffmpeg to capture interactive WebGL scenes and render deterministic MP4, GIF, PNG, or SVG assets.
The p5.js generative art pipeline covers concept, design, code, preview, export, and verify stages to produce self-contained HTML files with inline rendering for offline viewing and sharing.
Yes, p5.js supports WebGL shaders and 3D rendering for interactive visuals, enabling the creation of complex generative art and audio-reactive scenes directly in the browser.
Yes, you can build audio-reactive data visualizations in a browser using p5.js, generating self-contained HTML outputs that support interactive 2D and 3D rendering workflows.
You do not need Puppeteer to generate self-contained HTML files from p5.js sketches, but it is required for the headless export pipeline to capture and convert interactive visuals into video assets.
The best way to share interactive p5.js sketches for offline viewing is to output self-contained HTML files with inline p5.js or CDN links, ensuring the generative art runs independently in any browser.
LuminaVaultGenerate interactive and generative visual art with the p5.js library.
cryptopafiConvert video, audio, images, or prompts into colored ASCII video outputs.
Tommy-ywCreate interactive and generative visual art with p5.js.
automatedigitalCreate browser-based interactive and generative visual art with p5.js.
