Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
What it does
Claude generates p5.js sketches that run — random lines, basic circles, simple grids — and look amateurish because they lack the specific techniques that make generative art compelling: seeded randomness (so work is reproducible), flow field algorithms, particle systems with correct physics, and the understanding that generative art requires aesthetic constraints, not just randomness. This skill loads the patterns for p5.js that produce work worth sharing: Perlin noise flow fields, particle systems, recursive structures, and interactive parameter exploration.
Use case
Creating generative art, creative coding sketches, or procedural graphics using p5.js. Also useful for developer portfolio pieces or visual experiments that need to look intentional. Made by Anthropic.
"Create a Perlin noise flow field with particles and a dark colour palette." "Build a generative piece using recursive subdivision and complementary colours." "Make an interactive sketch where mouse position controls the energy of the system." "Create a series of 10 unique outputs using seeded randomness — each should be different but clearly related." "Build a particle system where particles form emergent patterns over time."
Describe the visual aesthetic, mood, or specific algorithm you want to explore.
Claude generates complete p5.js code with seeded randomness — output is reproducible by re-using the seed.
For interactive work: specify what parameters you want to control in real time.
Input
A description of the visual style, algorithm, or aesthetic you want to explore. References to specific generative art techniques are welcome.
Output
Complete p5.js code with seeded randomness, correct algorithm implementation, and interactive parameter controls where appropriate. Output is reproducible and visually considered.
npx skillsadd anthropics/skills/algorithmic-art
npx skillsadd anthropics/skills/algorithmic-art
Requires skills.sh CLI
Build Obsidian.md plugins following official API patterns, TypeScript best practices, and plugin review guidelines.
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.