algorithmic-art

Create generative art with p5.js using seeded randomness and interactive parameter controls.

1|Updated Jul 2, 2026
One-click install
npx skills add https://github.com/mccleod1290/bb-agentic-setupv2 --skill algorithmic-art-mccleod1290
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/mccleod1290/bb-agentic-setupv2/tree/main/documenting-skills/algorithmic-art
Command: npx skills add https://github.com/mccleod1290/bb-agentic-setupv2 --skill algorithmic-art-mccleod1290

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating original generative art requires both a coherent aesthetic concept and working code; this Skill bridges that gap by first authoring an algorithmic philosophy and then expressing it as a self-contained interactive p5.js artwork. ## Core Features & Use Cases - Algorithmic Philosophy Authoring: Generates a 4-6 paragraph generative art manifesto (e.g., flow fields, particle systems, recursive structures) that guides the implementation. - Seeded Reproducible Art: Implements p5.js sketches with randomSeed/noiseSeed so every seed produces identical, shareable output. - Interactive Viewer Artifact: Produces a single self-contained HTML file with sidebar controls for seed navigation, parameter sliders, color pickers, and reset/regenerate actions. - Use Case: Ask for a generative artwork inspired by ocean currents, and receive a philosophy document plus an interactive HTML piece where you can browse seeds 1-100 and tune particle count, noise scale, and flow speed. ## Quick Start Create an original piece of generative art about emergent complexity as an interactive p5.js HTML artifact with seed controls.

Frequently Asked Questions about algorithmic-art

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create generative art with p5.js?▼

Define an algorithmic philosophy first, then implement it as a p5.js sketch with setup() and draw() functions. Use randomSeed() and noiseSeed() for reproducibility, organize tunable values in a params object, and expose them through slider controls in the HTML viewer.

What is seeded randomness in generative art?▼

Seeded randomness initializes p5.js random() and noise() with a fixed seed value so the same seed always produces identical output. This enables Art Blocks-style reproducibility where collectors can share and revisit exact variations by seed number.

Does the generative art HTML work without a server?▼

Yes, the output is a single self-contained HTML file with p5.js loaded from a CDN and all code inline. It runs directly in any browser or as a claude.ai artifact with no server, build step, or external files required.

Can I generate multiple variations of the same algorithm?▼

Yes, the viewer includes previous, next, random, and jump-to-seed controls for browsing variations. You can generate 100 variations using seeds 1-100, and each seed deterministically reproduces its unique composition.

Why should I avoid copying existing artists' styles in generative art?▼

Copying existing artists' work risks copyright violations. The skill creates original algorithmic philosophies and implementations instead, deriving aesthetic direction from computational concepts like flow fields, recursion, and emergent behavior rather than imitating specific artists.