algorithmic-art Skill
Skill Claude Code Design & Media ProductionWeb & App DevelopmentThe explanation below is AI-generated. Please verify it against the sources.
The algorithmic-art skill provides a workflow for creating generative art with p5.js, combining a written "algorithmic philosophy" with a seeded, parametric implementation. According to SKILL.md, the process has two steps: first authoring a philosophy document (.md), then expressing it as a p5.js sketch (.html + .js). It requires seeded randomness (randomSeed/noiseSeed) so the same seed always reproduces the same output, and it mandates starting from a fixed template (templates/viewer.html) that carries Anthropic branding, seed navigation, and action buttons, while parameters and the algorithm itself vary per artwork. SKILL.md also instructs creating original work rather than copying existing artists' styles to avoid copyright violations.
Overview
This is not a standalone SaaS product but an Anthropic-authored skill: a documented workflow and set of templates (templates/viewer.html, templates/generator_template.js) for producing self-contained, browser-ready generative art artifacts built with p5.js.
What you can do with algorithmic-art
- Draft a 4-6 paragraph "algorithmic philosophy" describing a computational aesthetic movement, as instructed in SKILL.md
- Implement that philosophy as a p5.js sketch using seeded randomness (randomSeed/noiseSeed) for reproducible output
- Build a single self-contained HTML artifact starting from templates/viewer.html, keeping the fixed Anthropic-branded UI (header, sidebar, seed controls, action buttons)
- Design and add artwork-specific parameter controls (sliders, color pickers) in the sidebar's Parameters section
- Explore variations using Previous/Next/Random/Jump seed navigation, including generating multiple seeds (e.g., 1-100) on request
- Use the Regenerate, Reset, and Download PNG action buttons in the artifact
Sources
Original description (English)
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.
History of algorithmic-art
- Skill Added algorithmic-art