--- title: "algorithmic-art skill: generative art in p5.js with seeds" canonical_url: https://cookiesforai.app/skills/anthropics/algorithmic-art last_updated: 2026-10-02T01:58:30+02:00 type: skill summary: "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." install: "/plugin marketplace add anthropics/skills" related: - "https://cookiesforai.app/skills/heygen-com/hyperframes" - "https://cookiesforai.app/skills/remotion-dev/remotion-best-practices" - "https://cookiesforai.app/skills/bradautomates/watch" - "https://cookiesforai.app/skills/anthropics/canvas-design" - "https://cookiesforai.app/skills/anthropics/academy-guide" - "https://cookiesforai.app/skills/anthropics/brand-guidelines" - "https://cookiesforai.app/skills/anthropics/claude-api" - "https://cookiesforai.app/skills/anthropics/discernment-nudge" --- # 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. | Fact | Value | |---|---| | Publisher | Anthropic (official, own GitHub account) | | Source | https://github.com/anthropics/skills/tree/HEAD/skills/algorithmic-art | | License | Apache-2.0 | | Repository stars | 179,326 on 2026-10-02 | | Skill name | algorithmic-art | | Category | Video, images and media | | Skill last changed | 2026-04-20 | | Page updated | 2026-10-02 | | Facts checked | 2026-10-02 | ## Install In Claude Code, add Anthropic's skills marketplace: ``` /plugin marketplace add anthropics/skills ``` Then install the example-skills plugin, which holds this skill and Anthropic's other example skills: ``` /plugin install example-skills@anthropic-agent-skills ``` Or install only this skill, for any agent, with the skills CLI: ``` 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. ## Ask your coding agent A skill can include scripts that run on your computer, so read its source first: https://github.com/anthropics/skills/tree/HEAD/skills/algorithmic-art ```text Install the agent skill algorithmic-art from github.com/anthropics/skills. ``` ## What it 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 it - 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 it works in Anthropic documents it for Claude Code, Claude.ai, Claude API. The open skills CLI also installs it into 78 agents (listed with the CLI on 2026-10-01). 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. ## License 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. ## Related ### Related skills for video, images and media - [HyperFrames](https://cookiesforai.app/skills/heygen-com/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. - [Remotion best practices](https://cookiesforai.app/skills/remotion-dev/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. - [Watch](https://cookiesforai.app/skills/bradautomates/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. - [Canvas Design](https://cookiesforai.app/skills/anthropics/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. ### More from Anthropic - [Academy Guide](https://cookiesforai.app/skills/anthropics/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. - [Brand Guidelines](https://cookiesforai.app/skills/anthropics/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. - [Claude API](https://cookiesforai.app/skills/anthropics/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. - [Discernment Nudge](https://cookiesforai.app/skills/anthropics/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.