Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration
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:
-
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.
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
Related Skills
More from CreativeTechnical Doc Creator
Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators
Artifacts 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