algorithmic-art

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

Updated Sep 11, 2026
One-click install
npx skills add https://github.com/CYRUS-pinto/pi-bot --skill algorithmic-art-cyrus-pinto
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/CYRUS-pinto/pi-bot/tree/main/.agents/skills/algorithmic-art
Command: npx skills add https://github.com/CYRUS-pinto/pi-bot --skill algorithmic-art-cyrus-pinto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating original generative art requires both a coherent aesthetic concept and working code, which is difficult to produce consistently from scratch. This Skill turns a user request into a complete algorithmic art package: a written generative philosophy plus a self-contained interactive p5.js viewer. ## Core Features & Use Cases - Algorithmic Philosophy Generation: Writes a 4-6 paragraph generative art manifesto that guides the visual direction before any code is written. - Seeded p5.js Implementation: Produces reproducible generative algorithms using randomSeed/noiseSeed, flow fields, particles, noise, and parametric variation. - Interactive HTML Viewer: Outputs a single self-contained HTML artifact built from templates/viewer.html with seed navigation, parameter sliders, color pickers, and reset/download actions. - Use Case: Ask for art inspired by ocean currents and receive a philosophy document plus an interactive flow-field piece where you can browse seeds 1-100 and tune particle count, noise scale, and palette in real time. ## Quick Start Create an original piece of algorithmic art about emergent stillness with an interactive viewer I can open in my browser.

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 a seeded parameter object, initialize randomSeed and noiseSeed in setup, then build your algorithm in draw using particles, flow fields, or noise functions. This Skill generates the full algorithm plus an interactive HTML viewer from a single request.

What is seeded randomness in generative art?

Seeded randomness initializes p5.js random and noise functions with a fixed seed value so the same seed always produces identical output. This enables reproducible Art Blocks-style variations where each seed number yields a unique but repeatable composition.

Does the generated art viewer 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 build step or local server required.

Can I explore different variations of the same algorithm?

Yes, the viewer template includes seed navigation with previous, next, random, and jump-to-seed controls. Changing the seed regenerates the composition while keeping the same algorithm and parameters, letting you browse many variations.

What are the limitations of p5.js generative art?

Very high particle counts or expensive per-frame calculations can reduce frame rates in animated pieces. Complex static compositions may need noLoop to render once, and browser canvas size limits constrain maximum output resolution.