Algorithmic Art Skill for Claude: Generative Art with p5.js

Makes Claude write an art philosophy, then build seeded p5.js generative art as one interactive HTML file.

Installs: 91.6K; on skills.sh
Stars: 186.4K; on GitHub
Files: 3; besides SKILL.md
Updated: Oct 2026; last repo commit

algorithmic-art makes Claude create generative art in two steps. First it writes an algorithmic philosophy as a Markdown file. Then it expresses that philosophy as p5.js code, delivered as a self-contained HTML viewer with parameter sliders, optional colour pickers and seed navigation.

It triggers when you ask for art made with code, generative art, flow fields or particle systems, and it tells Claude to create original work rather than copy existing artists. The HTML starts from a bundled templates/viewer.html, loads p5.js from a CDN, and opens in claude.ai as an artifact or in any browser. The folder bundles no scripts.

Good for

Creative coders exploring generative art
Designers who want interactive, shareable visuals
Anyone who wants art with variations they can step through by seed

Install algorithmic-art

Claude Code

Copy this prompt.

Install the algorithmic-art skill in Claude Code. Run this command:

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

From the project README. Source.

What's in the skill

When it loads

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.

Sections in SKILL.md

ALGORITHMIC PHILOSOPHY CREATION
THE CRITICAL UNDERSTANDING
HOW TO GENERATE AN ALGORITHMIC PHILOSOPHY
PHILOSOPHY EXAMPLES
ESSENTIAL PRINCIPLES
DEDUCING THE CONCEPTUAL SEED
P5.JS IMPLEMENTATION
⚠️ STEP 0: READ THE TEMPLATE FIRST ⚠️
TECHNICAL REQUIREMENTS
CRAFTSMANSHIP REQUIREMENTS
OUTPUT FORMAT
INTERACTIVE ARTIFACT CREATION
CRITICAL: WHAT'S FIXED VS VARIABLE
REQUIRED FEATURES
USING THE ARTIFACT
VARIATIONS & EXPLORATION

Key facts

Author: Anthropic (anthropics/skills)
Repository: anthropics/skills
Installs on skills.sh: 91,561 (crawled 2026-11-02)
GitHub stars: 186,362 (whole repo)
License: Complete terms in LICENSE.txt (per SKILL.md)
Last repo commit: 2026-10-28
Files in the skill folder: 4 files: SKILL.md, LICENSE.txt, templates/viewer.html and templates/generator_template.js. No scripts.
skills.sh audits: Gen Agent Trust Hub: pass, Socket: pass, Snyk: pass
Works in: Claude Code (example-skills plugin, which lists algorithmic-art); Claude.ai (README: the example skills are already available to paid plans; the help center lists Free, Pro, Max, Ultra, Team and Enterprise); Claude API via the Skills API (README links the quickstart)

What it includes

Writes a Markdown manifesto of the aesthetic movement, as a .md file
Write · Algorithmic philosophy
Picks a subtle idea to thread through the work before any code is written
Conceptual seed
Reads templates/viewer.html and builds on it rather than starting fresh
Read · Read the template first
Writes the generative algorithm as p5.js, with seeded randomness
p5.js sketch
One file with parameter sliders, optional colour pickers, seed and reset buttons
Write · Interactive HTML artifact
Seed navigation by default; presets and a gallery view on request
Variations

From the official docs

Permissions

Low risk

It writes Markdown, HTML and JavaScript files for you. The generated page loads p5.js from a public CDN, so it needs internet access when you open it.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

The HTML loads p5.js from a CDN
The template script tag points at cdnjs.cloudflare.com (p5.js 1.7.0). Download p5.js and edit the tag if you need the file to work offline.
It writes new files
SKILL.md's opening line names .md, .html and .js outputs, while a later section says to embed the algorithm inline in the HTML and not create separate .js files. Expect a philosophy .md file and an .html file at least. Run it in a fresh folder.
The Claude Code plugin installs 12 skills
The README route adds anthropics/skills as a plugin marketplace and installs the whole example-skills plugin, which lists 12 skills. Use the skills CLI command in the install box for algorithmic-art alone.

Technical details

Talks to	cdnjs.cloudflare.com (p5.js loads from a CDN when you open the HTML)

Questions

What does the algorithmic-art skill do?

It makes Claude write an algorithmic philosophy as a Markdown file and then build p5.js generative art from it. The result is a single HTML file with controls and seed navigation, so you can explore variations.

How do I install it?

Use the install box at the top of this page. The Anthropic README documents registering the repo as a Claude Code plugin marketplace and a route for Claude.ai.

Where does the art run?

SKILL.md says the HTML artifact runs immediately in claude.ai, or as a saved file in any browser with no server needed. It loads p5.js from a CDN.

Does it copy existing artists?

No. The skill description tells Claude to create original algorithmic art rather than copy existing artists' work, to avoid copyright problems.

Is it safe?

It bundles no scripts. It writes a philosophy .md file and an HTML viewer (SKILL.md also names .js output but says to embed the algorithm in the HTML), and the HTML pulls p5.js from a CDN when you open it.

Is this a production-ready skill?

The Anthropic README says: "These skills are provided for demonstration and educational purposes only." Test it before relying on it.

Information

updated Nov 2, 2026

Repository: anthropics/skills
Folder: skills/algorithmic-art

anthropics/skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 5

anthropics/skills README · github.com
marketplace.json · github.com
skills.sh listing · skills.sh
algorithmic-art SKILL.md · github.com
Use skills in Claude (help center) · support.claude.com