skills.rest
MWest2020
MWest2020COMMUNITY
Explore all skills by this author →
𝕏@MarkWesterweelGitHub

algorithmic-art

Generate seeded p5.js generative art with interactive HTML viewers and parameter controls.

Updated May 24, 2026
Search Tags:#seeded randomness#p5.js#creative coding#generative art#algorithmic art#flow fields#html artifact
One-click install
npx skills add https://github.com/MWest2020/skill-forge --skill algorithmic-art-mwest2020
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/MWest2020/skill-forge/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/MWest2020/skill-forge --skill algorithmic-art-mwest2020

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 producing an algorithmic philosophy and then expressing it as a self-contained p5.js artwork. ## Core Features & Use Cases - Algorithmic Philosophy Creation: Writes a 4-6 paragraph generative art manifesto that guides the visual direction before any code is written. - Seeded p5.js Implementation: Builds reproducible generative algorithms using seeded randomness, noise fields, particles, and flow fields. - Interactive HTML Viewer: Outputs a single self-contained HTML artifact with seed navigation, parameter sliders, color pickers, and download buttons based on the bundled viewer template. - 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 parameters live. ## Quick Start Create an algorithmic art piece about emergent turbulence 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 aesthetic, then implement it as a p5.js sketch using randomSeed and noiseSeed for reproducibility. The output is a single HTML file with the algorithm, parameter sliders, and seed navigation embedded inline.

How does seeded randomness work 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. Changing the seed generates a new variation, enabling reproducible exploration of the algorithm's parameter space.

Can I run the generated art outside of claude.ai?▼

Yes, the output is a single self-contained HTML file that loads p5.js from a CDN. It opens directly in any browser without a server, build step, or additional dependencies.

What parameters can I control in the generated artwork?▼

Parameters depend on the algorithm but typically include quantities, scales, probabilities, ratios, angles, and thresholds, each exposed as sidebar sliders. Seed controls, regenerate, reset, and PNG download buttons are always included.

Does this skill copy existing artists' styles?▼

No, the skill is designed to create original algorithmic art rather than imitating existing artists, avoiding copyright issues. It generates a unique computational philosophy for each request and expresses it through original code.

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
PgooonePgooone

ckm:banner-design

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

Community
Advanced
plurigridplurigrid
60

gay-mcp

Generate deterministic color palettes from seeds using SplitMix64 and golden-angle coloring.

Official
Advanced
rheadshrheadsh
38

td-glsl

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

Community
Intermediate