Generate browser-based interactive visual art with p5.js and export high-resolution video.
npx skills add https://github.com/Rheasilvia/hermes-desktop --skill p5js-rheasilvia
Please help me install this Agent Skill. Skill: p5js Source: https://github.com/Rheasilvia/hermes-desktop/tree/main/skills/creative/p5js Command: npx skills add https://github.com/Rheasilvia/hermes-desktop --skill p5js-rheasilvia
This skill removes the friction from creative coding by providing a complete production pipeline for generating browser-based visual art, interactive experiences, and data visualizations without complex build steps.
Use the p5js skill to generate a new interactive particle system sketch that responds to mouse movement and exports as a high-resolution video.
High-intent search queries and answers about installing and using this skill.
To create generative art with p5.js and export high-resolution video, this skill uses a structured workflow for concept design, code implementation, and deterministic frame-by-frame rendering. It leverages puppeteer and ffmpeg to capture sketches headlessly and output MP4 files.
Yes, p5.js supports 3D WebGL rendering for interactive visual art. You can build mouse-driven experiences, WebGL scenes, and audio-reactive sketches using a unified, self-contained HTML structure without complex build steps.
You can build audio-reactive animations in a browser without complex build steps using this skill. It provides a complete production pipeline that generates self-contained HTML structures for interactive experiences and procedural compositions.
The best way to render deterministic p5.js frames for video export is through the skill's headless high-resolution rendering pipeline. It captures browser-based canvas animations frame-by-frame and compiles them into high-quality MP4 video files.
Yes, you need ffmpeg and puppeteer to export p5.js animations as MP4 files. These dependencies drive the headless high-resolution video export pipeline, capturing the canvas state and encoding the deterministic frames into a final video.
A structured workflow for creative coding and procedural visualization removes friction by separating concept design, code implementation, and rendering. This ensures deterministic frame-by-frame output and high-resolution video export for complex particle systems and generative art.
LuminaVaultTransform HTML compositions into video content using GSAP and Puppeteer.
lengoctuong2005Create interactive and generative visual art with p5.js.
Tommy-ywCreate interactive and generative visual art with p5.js.
StonelukasCreate interactive 3D web apps with Three.js for WebGL/WebGPU rendering.
