Claude Skill MartBrowse skillsWhat is a Skill?
 
← Back to list

Algorithmic Art

Official

Official Anthropic skill that turns a prompt into a generative-art manifesto plus a self-contained, seeded p5.js viewer with live parameter controls.

Design & UIIntermediate★ 167,136⑂ 19,920AI score 9/10Last updated: Aug 7, 2026

What it does

It produces original algorithmic art in two deliberate stages:

  1. Algorithmic philosophy (.md) — names an aesthetic movement (e.g. "Organic Turbulence", "Recursive Whispers") and writes a 4–6 paragraph manifesto describing how the idea will be expressed through noise fields, particle behaviour, forces, and mathematical relationships.
  2. p5.js implementation (.html) — translates that manifesto into code, delivered as a single self-contained HTML file (p5.js from CDN) that runs in any browser or as a claude.ai artifact.

The viewer ships with a seed display plus Prev/Next/Random/jump-to-seed controls, sliders for every algorithm parameter, optional color pickers, and Regenerate / Reset / Download PNG buttons. Because randomSeed() and noiseSeed() are always set, the same seed always renders the same image — an Art Blocks-style edition you can browse.

Who it's for

  • Anyone curious about flow fields, particle systems, Voronoi packing or L-systems without writing boilerplate
  • Designers who need many abstract variations for posters, decks, merch or backgrounds
  • p5.js learners who want a well-structured, production-quality reference sketch
  • Teams that need copyright-safe original visuals rather than imitations of a named artist

Examples

  • "Make algorithmic art inspired by deep-ocean currents" → layered Perlin flow field with accumulating particle trails, plus sliders for particle count and noise scale
  • "I need 100 poster backgrounds in our three brand colors" → set the palette in the color pickers, step through seeds 1–100, download the best as PNGs
  • "Build recursive branching tree forms" → an L-system / recursive subdivision algorithm exposing branch angle, depth and stroke-weight parameters

· · · Install guide · · ·

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the skills/algorithmic-art folder from the GitHub repo anthropics/skills into my ~/.claude/skills/algorithmic-art/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/anthropics/skills.git /tmp/anthropic-skills && mkdir -p ~/.claude/skills && cp -r /tmp/anthropic-skills/skills/algorithmic-art ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open a terminal (Terminal on macOS/Linux, Git Bash on Windows).
  2. Clone the skills repo: git clone https://github.com/anthropics/skills.git
  3. Create the skills directory if needed: mkdir -p ~/.claude/skills
  4. Copy the entire folder (the bundled templates are required): cp -r skills/skills/algorithmic-art ~/.claude/skills/
  5. Verify with ls ~/.claude/skills/algorithmic-art — you should see SKILL.md and templates/viewer.html.
  6. Restart Claude Code and ask something like "create algorithmic art using a flow field"; the skill triggers automatically.
  7. Open the generated HTML file in a browser, then use the sliders and seed buttons to explore variations and download your favourites.
View source on GitHub ↗