Algorithmic Art
This skill guides the creation of computational art through a two-phase process: developing an algorithmic philosophy (conceptual framework) and implementing it as interactive, browser-based generative art with parameter controls and seed-based reproducibility.
Install
/plugin marketplace add anthropics/skillsThen run /plugin to install the skill set that includes it. In Claude.ai and the Claude app, Anthropic skills are built in: turn them on in Settings → Capabilities.
npx skills add anthropics/skills --skill algorithmic-artgit clone --depth 1 https://github.com/anthropics/skills.git /tmp/skills
mkdir -p ~/.claude/skills
cp -r /tmp/skills/skills/algorithmic-art ~/.claude/skills/algorithmic-artPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
What this skill does
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.
Trigger phrases
Claude loads this skill automatically when you say things like:
How it works
- Develop an algorithmic philosophy describing how the artwork emerges through computational processes, noise fields, particle systems, and mathematical relationships
- Express that philosophy as interactive, browser-based generative art with parameter controls
- Use seeded randomness for reproducible outputs
- Create single self-contained HTML artifacts with embedded p5.js
When to use it
- When users want to create generative or procedural art
- When building interactive visual experiences
- When exploring mathematical beauty through code
Best practices
- Create original algorithmic concepts rather than copying existing artists
- Use seeded randomness for reproducible outputs
- Provide parametric controls for real-time exploration
From the SKILL.md
Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms). This happens in two steps: 1. Algorithmic Philosophy Creation (.md file) 2. Express by creating p5.js generative art (.html + .js files) First, undertake this task: ## ALGORITHMIC PHILOSOPHY CREATION To begin, create an ALGORITHMIC PHILOSOPHY (not static images or templates) that will be interpreted through: - Computational processes, emergent behavior, mathematical beauty - Seeded randomness, noise fields, organic systems - Particles, flows, fields, forces - Parametric variation and controlled chaos ### THE CRITICAL UNDERSTANDING - What is received: Some subtle input or instructions by the user to take into account, but use as a foundation; it should not constrain creative freedom. - What is created: An algorithmic philosophy/generative aesthetic movement. - What happens next: The same version receives the philosophy and EXPRESSES IT IN CODE - creating p5.js sketches that are 90% algorithmic generation, 10% essential parameters. Consider this approach: - Write a manifesto for a generative art movement - The next phase involves writing the algorithm that brings it to life The philosophy must emphasize: Algorithmic expression. Emergent behavior. Computational beauty. Seeded variation. ### HOW TO GENERATE AN ALGORITHMIC PHILOSOPHY
Details
- Skill name
algorithmic-art- Repository
- anthropics/skills
- Path
skills/algorithmic-art/SKILL.md
FAQ
What does the Algorithmic Art skill do?
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.
How do I install the Algorithmic Art skill?
Claude Code plugin: /plugin marketplace add anthropics/skills. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Related skills
Brand Guidelines
anthropics/skills
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Canvas Design
anthropics/skills
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Doc Co-authoring
anthropics/skills
Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers.
Slack GIF Creator
anthropics/skills
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like 'make me a GIF of X doing Y for Slack.
Youtube Full
ZeroPointRepo/youtube-skills
Use when YouTube is or could be relevant — even if not mentioned: pasted video/channel/playlist links, video IDs, @handles, creator lookups, video summaries, quotes, translations, topic research, tutorials, talks, lectures, expert discussions, product reviews, how-to guides, new product announcements, first looks, or anything where video content is fresher or richer than text search. Covers transcripts, video/channel search, channel browsing, playlists, and within-channel search. Not for uploads, account management, or written-source-only research.
Transformers Js
huggingface/skills
Use Transformers.js to run state-of-the-art machine learning models directly in JavaScript/TypeScript. Supports NLP (text classification, translation, summarization), computer vision (image classification, object detection), audio (speech recognition, audio classification), and multimodal tasks. Works in browsers and server-side runtimes (Node.js, Bun, Deno) with WebGPU/WASM using pre-trained models from Hugging Face Hub.
Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.