p5.js
OfficialCreate browser-based generative art.
Authoragentic-in
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a production pipeline for browser-based visual art using p5.js, enabling artists and developers to craft interactive sketches without a build step and share self-contained outputs.
Core Features & Use Cases
- Self-contained HTML output with inline p5.js for quick experimentation and sharing.
- Supports multiple modes such as Generative art, Data visualization, Interactive experiences, Animation, 3D WebGL, image processing, and audio-reactive visuals.
- End-to-end workflow guidance: concept, design, code, preview, export, and verification; headless export via Puppeteer for automation.
Quick Start
Open a new HTML file, include p5.js from CDN, and paste a minimal sketch into a script tag to render in the browser.
Dependency Matrix
Required Modules
puppeteerffmpegpython3
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: p5.js Download link: https://github.com/agentic-in/elephant-agent/archive/main.zip#p5-js Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.