algorithmic-art
Official sourceGenerates original p5.js generative art by first writing an algorithmic philosophy, then expressing it as a self-contained interactive HTML viewer with seeded randomness.
Source: Anthropic
At a glance
Verified source- Best for
- Designers or developers who want unique flow-field, particle, or noise-based art rather than copied artwork
- Works with
- Claude.ai · Claude Code
- Outcome
- Producing a single shareable HTML artifact with sliders and seed navigation for exploring variations
- Source
- anthropics/skills
01 / Understand the skill
About algorithmic-art
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.
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.
Not a fit when
avoid copyright violations.
Read full description
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.
02 / Confirm the fit
Use algorithmic-art when you need to
- Designers or developers who want unique flow-field, particle, or noise-based art rather than copied artwork
- Producing a single shareable HTML artifact with sliders and seed navigation for exploring variations
- Turning a vague aesthetic brief into a reproducible parametric sketch
03 / See the workflow
How algorithmic-art works
- 01Install: npx skills add https://github.com/anthropics/skills --skill algorithmic-art
- 02Try: Make me generative flow-field art inspired by ocean currents, with a seed control.
- 03Get: A self-contained interactive p5.js HTML artifact plus a markdown philosophy file.
Check before installing
Compatible platforms
Claude.ai · Claude Code
Best fit
Designers or developers who want unique flow-field, particle, or noise-based art rather than copied artwork
Review the source instructions if the required output differs from the formats described above.
Install and use
Compatible with Claude.ai and Claude Code · Published by Anthropic
Ready to add algorithmic-art?
Use the published instructions below, then provide the required input and describe the result you need.
General instructions · Claude.ai · Claude Code
npx skills add https://github.com/anthropics/skills --skill algorithmic-art
Review the source repository and license before installing third-party skills.
Continue exploring
Similar skills
Reproduces a reference mockup as a runnable frontend, extracting its design system then screenshot-comparing the build and iterating until the gap is minor and explained.
Clarifies the brief before design work by interrogating goal, user, JTBD, constraints, success, and scope, then writing a context.md the other design skills consume.
Creates museum-quality original poster and visual-art PDFs/PNGs by drafting a design philosophy first, then expressing it as a minimal, design-forward single-page canvas.
Audits an existing UI (URL, screenshot, or code) against usability, hierarchy, accessibility, and conversion heuristics, returning a severity-ranked issue list with fixes.