What problem does it solve? Turning a creative idea into a polished browser-based visual piece requires deep knowledge of p5.js rendering, noise functions, particle systems, shaders, and export pipelines. This Skill provides a complete production pipeline that takes a concept from creative vision to exported PNG, GIF, MP4, or SVG output. ## Core Features & Use Cases - Generative Art & Motion Graphics: Build seeded, reproducible compositions using multi-octave noise, flow fields, particle systems, and custom color palettes in HSB. - Interactive & Audio-Reactive Visuals: Create mouse, keyboard, touch, and microphone-driven sketches with p5.sound FFT analysis. - 3D & Shader Effects: Use WebGL mode with GLSL shaders, lighting, cameras, and post-processing for advanced scenes. - Deterministic Export: Render high-resolution frames headlessly via Puppeteer and stitch them into MP4 with ffmpeg, or export SVG for print. - Use Case: Ask for an audio-reactive particle visualization; the Skill writes a single self-contained HTML file with seeded randomness, layered offscreen buffers, and keyboard shortcuts to save PNG or GIF output. ## Quick Start Ask the assistant to create a p5.js generative art sketch of flowing particles over a dark gradient background and export it as a PNG.
