skills.rest
billiampalad
billiampaladCOMMUNITY
Explore all skills by this author →
GitHub

algorithmic-art

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

1|Updated Mar 9, 2026
Search Tags:#seeded randomness#p5.js#creative coding#generative art#algorithmic art#flow fields#particle systems
One-click install
npx skills add https://github.com/billiampalad/wd4 --skill algorithmic-art-billiampalad
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/billiampalad/wd4/tree/main/.agents/skills/algorithmic-art
Command: npx skills add https://github.com/billiampalad/wd4 --skill algorithmic-art-billiampalad

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires p5.js.

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 bridges that gap by first defining an algorithmic philosophy and then expressing it as a working p5.js artwork. ## Core Features & Use Cases - Algorithmic Philosophy Generation: Produces a written manifesto (.md) describing a computational aesthetic movement before any code is written. - Seeded Generative Art: Builds p5.js sketches with seeded randomness so every seed reproduces identical output, Art Blocks style. - Interactive Viewer: Outputs a single self-contained HTML artifact with a sidebar for seed navigation, parameter sliders, color pickers, and reset/regenerate actions. - Use Case: Ask for a flow-field artwork inspired by ocean currents, and receive a philosophy document plus an interactive HTML page where you can browse seeds 1-100 and tune particle count, noise scale, and trail length. ## 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() with a fixed seed so every run reproduces identical output, and expose tunable parameters through UI sliders.

What is seeded randomness in generative art?▼

Seeded randomness initializes p5.js random() and noise() functions with a fixed seed value, making the artwork fully reproducible. The same seed always produces the same image, while different seeds reveal unique variations of the same algorithm.

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 opens directly in any browser without a server, build step, or additional dependencies.

Can I explore multiple variations of one artwork?▼

Yes, the viewer template includes seed navigation with previous, next, random, and jump-to-seed controls. You can browse seeds 1 through 100 or enter any seed number to generate a new variation of the same algorithm.

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

Reproducing existing artists' work risks copyright violations. The Skill instead creates an original algorithmic philosophy and expresses it through novel code, producing unique compositions rather than imitations.

Related Skills

Explore More Design & Creative Skills→
AIDotNetAIDotNet
634

creative-production-moodboard-explorer

Generates image-first mood boards with intake, batch image generation, and inline MCP review.

Official
Advanced
PgooonePgooone

ckm:banner-design

Generates multi-format banner designs for social media, ads, web heroes, and print with AI-generated visuals.

Community
Advanced
OneWave-AIOneWave-AI
245

color-palette-extractor

Extract dominant colors and harmony schemes from images and websites.

Official
Basic
toanalientoanalien

shader

Generate GLSL fragment shaders for procedural graphics and textures.

Community
Intermediate