algorithmic-art

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

Updated Aug 17, 2026

Search Tags:#seeded randomness #p5.js #creative coding #generative art #algorithmic art #flow fields #particle systems

Ready to run

npx skills add https://github.com/prabaljainn/my-claude-code-setup --skill algorithmic-art-prabaljainn

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/prabaljainn/my-claude-code-setup/tree/main/claude/skills/algorithmic-art
Command: npx skills add https://github.com/prabaljainn/my-claude-code-setup --skill algorithmic-art-prabaljainn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating original generative art in code requires both an aesthetic concept and a working interactive implementation, which is difficult to produce from scratch in one pass. ## Core Features & Use Cases - Algorithmic Philosophy Generation: Produces a 4-6 paragraph generative art manifesto (.md) that guides the visual direction before any code is written. - p5.js Implementation: Builds a self-contained HTML artifact with seeded randomness, reproducible output, and a unique algorithm expressing the philosophy. - Interactive Viewer: Ships a branded viewer template with seed navigation (prev/next/random/jump), parameter sliders, color pickers, and reset/download actions. - Use Case: Ask for a flow-field artwork inspired by ocean currents and receive a philosophy document plus a single HTML file you can open in any browser to explore thousands of seed variations. ## Quick Start Create an algorithmic art piece about emergent flocking behavior 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 parameters object, call randomSeed and noiseSeed in setup, then implement your algorithm in setup and draw. This skill generates the full HTML artifact with the algorithm, UI controls, and p5.js loaded from CDN.

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 yields a unique but repeatable composition.

Does the generated art work outside claude.ai artifacts?▼

Yes, the output is a single self-contained HTML file with p5.js loaded from a CDN and all code inline. It runs in any modern browser with no server, build step, or external files 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 artwork while keeping the same algorithm and parameters.

Why does the skill avoid copying existing artists' styles?▼

The skill creates original algorithmic philosophies rather than imitating named artists to avoid copyright violations. It derives a subtle conceptual seed from the user's request and expresses it through original generative algorithms.