Generate p5.js sketches from prompts and export as HTML, PNG, GIF, MP4, or SVG.
npx skills add https://github.com/MarbleSodas/Mavis --skill p5js-marblesodas
Please help me install this Agent Skill. Skill: p5js Source: https://github.com/MarbleSodas/Mavis/tree/main/skills/creative/p5js Command: npx skills add https://github.com/MarbleSodas/Mavis --skill p5js-marblesodas
It turns text prompts into production-ready p5.js sketches that render striking, real interactive generative visuals and can be exported for sharing or video production.
Ask to generate a browser-based p5.js sketch from your prompt and export it as a single self-contained HTML file plus PNG/GIF using the skill’s pipeline defaults.
High-intent search queries and answers about installing and using this skill.
To generate p5.js generative art, provide a creative text prompt to produce a self-contained HTML sketch that renders high-quality interactive visuals and supports PNG, GIF, and MP4 export. The pipeline ensures first-render excellence using deterministic seeded randomness.
Yes, you can create WebGL and 3D shader scenes in p5.js that look high-quality on the first render. The skill applies performance guardrails, including pixel-density and render-loop discipline, ensuring compositional cohesion for complex 3D visuals.
Yes, p5.js supports headless frame-to-video export using Puppeteer and ffmpeg. The skill captures frames from the browser-based sketch headlessly and compiles them into MP4 video output, alongside single-file HTML, PNG, GIF, and SVG workflows.
The best way to build audio-reactive motion graphics with p5.js is using the skill's end-to-end production pipeline, which translates creative prompts into interactive visual sketches with deterministic seeded randomness for consistent, exportable audio-reactive results.
Yes, you need node and python3 installed, along with Puppeteer and ffmpeg dependencies, to run the export pipeline that generates single-file HTML sketches and renders headless frames for video output.
Your p5.js interactive visualization may lack cohesion if it does not apply performance guardrails like pixel-density and render-loop discipline. The skill enforces first-render excellence and deterministic seeded rendering to maintain compositional quality across exports.
cxnaiveRender HTML, CSS, and GSAP compositions into MP4 and WebM videos.
afel6Create self-contained p5.js sketches with deterministic headless export.
ldzhhxxGenerate interactive p5.js visual art and export as HTML, image, or video.
skkeoriwGenerate and manipulate visual art with the p5.js library.
