Generate p5.js sketches as self-contained HTML files with export support.
npx skills add https://github.com/rickyananda/hermes-skills --skill p5js-rickyananda
Please help me install this Agent Skill. Skill: p5js Source: https://github.com/rickyananda/hermes-skills/tree/main/creative/p5js Command: npx skills add https://github.com/rickyananda/hermes-skills --skill p5js-rickyananda
This Skill turns creative prompts into polished p5.js artwork without forcing you to assemble the rendering, interaction, and export workflow by hand. It helps you move from concept to a browser-ready sketch that feels intentional, reproducible, and presentation-ready.
Ask the assistant to create a p5.js sketch for your idea and export it as a single self-contained HTML file with the desired image or video format.
High-intent search queries and answers about installing and using this skill.
This Skill generates production-ready p5.js sketches as single self-contained HTML files, embedding all rendering, interaction, and layered canvas composition logic into one browser-ready file for immediate preview and iteration.
Yes, p5.js art can be exported to GIF or MP4 video. The pipeline supports PNG stills, GIF loops, MP4 videos, and SVG output using deterministic headless capture for reproducible, presentation-ready results.
Yes, p5.js supports WebGL shaders and 3D scenes. The Skill generates sketches covering 3D scenes, shader effects, particle fields, and noise-driven compositions within a single self-contained HTML file.
You create deterministic p5.js animations by using seeded randomness within the sketch. The Skill requires seeded randomness and deterministic headless capture to ensure artwork is reproducible across preview and export.
Yes, you need Python3 and Puppeteer installed to export p5.js sketches. The export pipeline relies on these dependencies to perform deterministic headless capture for PNG, GIF, MP4, and SVG outputs.
The best way to build interactive audio-reactive visuals in p5.js is to generate a single self-contained HTML sketch that handles mouse, keyboard, touch, and audio inputs, which can then be exported using the deterministic capture pipeline.
zerwizCreates interactive p5.js sketches with deterministic seeding and optional headless export via Puppeteer and ffmpeg.
HarriesGenerate p5.js generative art sketches with headless export to HTML, PNG, GIF, MP4, or SVG.
nyxoraAIGenerate interactive and generative visual art with p5.js.
HuskyDannyGenerate interactive and generative visual art with p5.js.
