A

Algorithmic Art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration

byAnthropic
Home/Creative/Algorithmic Art

What is it?

A powerful skill for creating computational generative art using p5.js. It enables creating living, breathing algorithms that produce unique artwork on each run. The skill emphasizes algorithmic philosophy - treating code as an aesthetic movement rather than just a technical tool. It creates original generative art using computational processes, emergent behavior, and mathematical beauty through seeded randomness, noise fields, and organic systems.

How to use it?

The creation process happens in two main phases:

  1. Create an Algorithmic Philosophy - Start by writing a 4-6 paragraph manifesto for a generative art movement (like "Organic Turbulence" or "Quantum Harmonics"). This philosophy defines the computational aesthetic that guides implementation.

  2. Express Through Code - Implement the philosophy using p5.js with seeded randomness for reproducibility. The skill provides a viewer template with Anthropic branding, parameter controls, seed navigation, and real-time updates. Artists can explore variations by changing seeds or adjusting parameters like particle count, noise scale, or speed.

The resulting artifacts are single, self-contained HTML files that work immediately in claude.ai or any browser, combining the algorithm, UI controls, and visual output.

Key Features

  • Algorithmic philosophy creation - Define computational aesthetic movements before coding
  • Seeded randomness (Art Blocks pattern) - Same seed always produces identical output
  • Interactive parameter controls - Real-time sliders for exploring the algorithm's parameter space
  • Seed navigation - Browse variations with previous/next/random/jump buttons
  • Professional viewer template - Anthropic-branded UI with gradient backdrop and clean controls
  • Single-file artifacts - Self-contained HTML that works everywhere, no setup required
  • Master-level craftsmanship - Emphasis on creating gallery-quality computational art
View on GitHub

GitHub Stats

Stars
Forks
Last Update
Author
Anthropic
License
Apache-2.0
Version
1.0.0

Categories

Creative
Developer Tools

Tags

generative-art
p5js
visualization
algorithmic

Features

💻 Code Execution

Related Skills

More from Creative

Technical Doc Creator

Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators

636mhattingpete
Developer Tools
Creative

Web App Testing

Test local web applications using Playwright for UI verification and debugging

157.7kAnthropic
Developer Tools

Superpowers

A comprehensive workflow system for Claude with 20 proven development techniques

244.4kJesse Vincent
workflow
tdd
debugging
git

Download Algorithmic Art

Algorithmic Art is free and open source. Download it from the official source repository — clone it with git or use GitHub's Download ZIP option on the repo page — then copy the skill folder into your project's .claude/skills/ directory to install it.

If you are an AI agent

Query this directory over HTTP

This site is a searchable directory of harness components for AI coding agents. Fetch objective JSON — names, descriptions, stars, and source links. Installation and selection are yours to decide.

GET https://claudeskills.info/api/v1/search?q=ui%2Fux
GET https://claudeskills.info/api/v1/search?type=subagent&q=review
GET https://claudeskills.info/api/v1/meta
See https://claudeskills.info/llms.txt