skills.rest
wolfmanstout
wolfmanstoutCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

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

Updated Feb 17, 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/wolfmanstout/agent-skills --skill algorithmic-art-wolfmanstout
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/wolfmanstout/agent-skills/tree/main/subtrees/skills/skills/algorithmic-art
Command: npx skills add https://github.com/wolfmanstout/agent-skills --skill algorithmic-art-wolfmanstout

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 defining an algorithmic philosophy and then expressing it as a self-contained interactive p5.js artwork. ## Core Features & Use Cases - Algorithmic Philosophy Generation: Produces a 4-6 paragraph manifesto defining a generative aesthetic movement before any code is written. - Seeded Reproducible Art: Uses randomSeed and noiseSeed so every seed value deterministically produces the same artwork, Art Blocks style. - Interactive HTML Viewer: Outputs a single self-contained HTML file with parameter sliders, color pickers, seed navigation, and PNG download, built from a branded template. - Use Case: Ask for a flow field artwork inspired by ocean currents; receive a philosophy document plus an interactive HTML artifact where you can browse seeds 1-100 and tune particle count, noise scale, and trail length. ## Quick Start Create an algorithmic art piece about emergent complexity 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 an algorithmic philosophy describing the computational aesthetic, then implement it as a p5.js sketch with setup and draw functions. Use randomSeed and noiseSeed so the same seed always reproduces the same artwork.

What is seeded randomness in generative art?▼

Seeded randomness initializes the random and noise generators with a fixed seed value, making output deterministic. The same seed always produces identical art, while different seeds reveal new variations of the same algorithm.

Can I make interactive controls for p5.js sketches?▼

Yes, the generated HTML artifact includes sliders for numeric parameters, color pickers for palettes, and seed navigation buttons. Controls call update functions that regenerate the artwork in real time without external dependencies.

Does the generative art HTML file work without a server?▼

Yes, the output is a single self-contained HTML file with everything inline except the p5.js CDN script. It opens directly in any browser and also runs as an interactive artifact in claude.ai.

Why does my generative art look different on each run?▼

The artwork changes between runs when randomSeed and noiseSeed are not set or use varying values. Always initialize both with a fixed seed in setup to guarantee reproducible output.

Related Skills

Explore More Design & Creative Skills→
Owl-ListenerOwl-Listener
234

inspiration-scouting

Generate curated inspiration boards with cross-domain references from project briefs.

Community
Intermediate
marcosgcr3marcosgcr3

banner-design

Design banners and header assets for digital and print formats.

Community
Advanced
pmksharpmkshar

color-palette-extractor

Extract dominant colors from images and generate complementary palettes.

Community
Intermediate
rheadshrheadsh
38

td-glsl

Create and modify GLSL shaders for TouchDesigner's visual programming environment.

Community
Intermediate