Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration
WhatIsIt
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.
HowToUse
The creation process happens in two main phases:
-
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.
-
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.
KeyFeatures
- 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
GithubStats
Information
Categories
Tags
Features
RelatedSkills
MoreFromArtifacts Builder
Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy
MCP Builder
Guide for creating high-quality MCP servers to integrate external APIs and services