Menu
Create interactive generative art and visualizations using p5.js with 2D/3D rendering, particles, and shaders.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Penetration testing tools for the CodeAgent — network scanning, service enumeration, and vulnerability checks
Obsidian Local REST API tools for the CodeAgent — manage vault notes, search, and metadata
Frida dynamic instrumentation tools for the CodeAgent — mobile app analysis and SSL unpinning
DuckDB in-process analytics tools for the CodeAgent — SQL on CSV/Parquet/JSON without a server
Supabase client tools for the CodeAgent — database CRUD, auth, storage, and edge functions
OSINT reconnaissance tools for the CodeAgent — domain, IP, email, and social media intelligence
| name | p5js |
| description | Create interactive generative art and visualizations using p5.js with 2D/3D rendering, particles, and shaders. |
| metadata | {"version":"1.0.0","author":"erebus","tags":["creative","generative-art","p5js","interactive","visualization"]} |
Use this skill to create interactive visual art and creative coding projects with p5.js.
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.min.js"></script>
</head>
<body>
<script>
function setup() {
createCanvas(800, 600);
background(20);
}
function draw() {
// Your generative art code here
}
</script>
</body>
</html>
noise() for organic patternsp5.sound for music visualizationWEBGL mode for 3D rendering