CookiesForAI

algorithmic-art

Algorithmic Art

Algorithmic Art is Anthropic's open-source agent skill for generative art: the agent writes a short art philosophy, then builds an interactive p5.js piece with seeds and parameter sliders.

Agent skill by Anthropic Official · Updated

Install Algorithmic Art

In Claude Code, add Anthropic's skills marketplace

Terminal
/plugin marketplace add anthropics/skills

Then install the example-skills plugin, which holds this skill and Anthropic's other example skills

Terminal
/plugin install example-skills@anthropic-agent-skills

Or install only this skill, for any agent, with the skills CLI

Terminal
npx skills add anthropics/skills --skill algorithmic-art

In Claude.ai, Anthropic says its example skills are already available on paid plans: switch them on under Customize > Skills.

Or paste this into your coding agent: Install the agent skill algorithmic-art from github.com/anthropics/skills. A skill can include scripts that run on your computer, so read its source first.

What Algorithmic Art does

Algorithmic Art is an Anthropic skill for making art with code. It loads when you ask for generative art, algorithmic art, flow fields or particle systems, and it produces two things: a written philosophy as a Markdown file and an interactive HTML piece. Its instructions tell the agent to create original work rather than copy existing artists, to avoid copyright problems.

With Algorithmic Art, the agent first names a generative art movement and writes its philosophy in four to six paragraphs. It also picks a subtle reference to your request to weave into the algorithm. Then it expresses that philosophy as a p5.js sketch with seeded randomness, so the same seed always draws the same image, and with parameters such as quantities, scales, angles and thresholds that you can tune.

The Algorithmic Art HTML file is self-contained and runs in Claude.ai or any browser, loading p5.js from a CDN. The agent builds it from the bundled viewer template, which keeps Anthropic's branding and a fixed sidebar: seed controls (previous, next, random, jump to a seed), sliders for the parameters, optional color pickers, and regenerate, reset and download PNG buttons. A second template shows how to structure p5.js code.

When to use Algorithmic Art

  • You want generative art such as a flow field or particle system without writing p5.js yourself.
  • You want to explore many variations of one piece by changing a seed and a few sliders.
  • You need a single HTML file of interactive art that opens in any browser.

When to pick something else

  • You want a static poster or print file instead of an interactive sketch: use Canvas Design.
  • You want a short animated GIF: use Slack GIF Creator.

Which agents Algorithmic Art works in

Anthropic documents Algorithmic Art for Claude Code, Claude.ai, Claude API. The open skills CLI also installs it into 78 agents, including Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode (we listed it with the CLI on October 1, 2026). See where each agent looks for skills.

The viewer template is built to show as an interactive artifact in Claude.ai; in any other agent you open the HTML file in a browser.

Algorithmic Art license

Algorithmic Art is published under Apache-2.0. Apache-2.0 comes from the LICENSE.txt in the skill's own folder (read 2026-10-01); the anthropics/skills repository has no root license file. In practice you may use, change and share the skill in any agent, commercially too, as long as you keep the license text and notices and mark your changes.

  • HyperFrames: hyperframes is HeyGen's entry-point agent skill for HyperFrames, its open-source framework that renders HTML, CSS and animations into MP4 video; it captures your brief and routes to the right video workflow. (55,348 repository stars on October 2, 2026)
  • Remotion best practices: remotion-best-practices is Remotion's own agent skill and the entry point to its other video skills: it routes an agent to the right guide for creating, previewing, captioning and rendering Remotion videos in React. (4,803 repository stars on October 2, 2026)
  • Watch: Watch is an open-source agent skill that turns a video link or file into frames and a transcript, or hands it to Google's Gemini, so your agent can answer questions about it. (17,914 repository stars on October 2, 2026)
  • Canvas Design: Canvas Design is Anthropic's open-source agent skill for static visual work: the agent writes a design philosophy, then makes a poster or art piece as a finished PNG or PDF file. (179,326 repository stars on October 2, 2026)

More from Anthropic

  • Academy Guide: Academy Guide is Anthropic's agent skill that ends Claude's answers about using Claude with one or two matching Claude Academy courses or tutorials, and only when the match is strong. (179,326 repository stars on October 2, 2026)
  • Brand Guidelines: Brand Guidelines is Anthropic's open-source agent skill that holds Anthropic's own brand colors and fonts, so an agent can give a document, slide deck or web artifact the Anthropic look. (179,326 repository stars on October 2, 2026)
  • Claude API: Claude API is Anthropic's open-source agent skill for code that calls Claude: current model IDs and prices, guides for seven SDK languages plus cURL, and guided migrations to newer models. (179,326 repository stars on October 2, 2026)
  • Discernment Nudge: Discernment Nudge is Anthropic's agent skill that ends a substantive Claude answer with two or three specific follow-up questions, so you can check its facts, reasoning and assumptions. (179,326 repository stars on October 2, 2026)

Lists that include algorithmic-art