Skill Official

Algorithmic Art

Creates generative p5.js art with seeded randomness and an interactive parameter viewer, for code-art requests.

Author
Anthropic
Works with
Claude Code
License
Apache-2.0
Documented
Oct 2, 2026

What Algorithmic Art is

Works in two steps: write an algorithmic philosophy as a Markdown manifesto, then express it as p5.js code. Output is an interactive HTML viewer plus a JS file of generative algorithms. It asks for original work rather than copying existing artists.

What it does

How Algorithmic Art plugs in: which agents run it and what it addsRUNS INYour agentClaude Codeone host documentedSKILL · OFFICIALAlgorithmic ArtReusable instructions and scripts…4 install steps1 permission notelicense: Apache-2.0WHAT IT ADDSWhat it doesWrites a named algorithmic philos…Generates p5.js sketches (.js) bu…Produces an interactive HTML view…Supports seed-based variations an…agent → extension → new capability · from the official repository or docs
Where Algorithmic Art runs and what it adds, from its documentation
  • Writes a named algorithmic philosophy (.md) for the piece
  • Generates p5.js sketches (.js) built on seeded randomness, noise fields, particles and flows
  • Produces an interactive HTML viewer with parameter controls
  • Supports seed-based variations and exploration of the same philosophy
  • Instructs reading the bundled template before implementing

When to use it

Good fit

  • Asked for generative art, flow fields or particle systems
  • Wanting an interactive, seed-explorable art piece

Not for

  • Static image or poster design (see canvas-design)
  • Copying a specific existing artist's work

How to install Algorithmic Art

You need: Browser able to open the HTML viewer (p5.js)

  1. Register the marketplace in Claude Code: /plugin marketplace add anthropics/skills
  2. Install the bundle that contains it: /plugin install example-skills@anthropic-agent-skills
  3. Or copy the skill folder to ~/.claude/skills/algorithmic-art/ (personal) or .claude/skills/algorithmic-art/ (project)
  4. Mention the task in a prompt; Claude loads the skill automatically when the SKILL.md description matches

Permissions and security

What it can access

  • Writes .md, .html and .js files via Claude Code's normal file tools

Security notes from the maintainers

  • Anthropic repo disclaimer: skills are provided for demonstration and educational purposes; behavior in Claude may differ

Review the source before granting an agent access to credentials or production systems. We document what the maintainers state; we do not audit code.

Limitations

  • Repo README says skills are demonstration/educational examples

Tools it extends

Frequently asked questions

How do I install the algorithmic-art skill in Claude Code?

Add the marketplace with /plugin marketplace add anthropics/skills and install the bundle containing it, or copy skills/algorithmic-art into ~/.claude/skills/. source

When does Claude use the algorithmic-art skill?

Claude loads it automatically when the request matches the description field in its SKILL.md frontmatter. source

What license does the algorithmic-art skill use?

Its SKILL.md points to LICENSE.txt, which is the Apache License 2.0. source

Related guides

Sources and gaps

Not stated by the maintainers: last_release (repo has no releases read).

More extensions to look at