LaunchKit · 2026
Back to Skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.

0
504 downloads
by @moyu0032

Setup & Installation

openclaw skills install @moyu0032/mo-test-1

Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:

npx clawhub install mo-test-1

What This Skill Does

Generates algorithmic generative art through a two-step process: first drafting a computational philosophy as a .md file, then expressing it as an interactive p5.js sketch in a self-contained HTML file. Each output uses seeded randomness so the same seed always reproduces the same artwork. Parameters are exposed as sidebar sliders for real-time exploration without rewriting code.

Pairing a written algorithmic philosophy with reproducible seeded randomness lets the same conceptual intent be explored across hundreds of variations while keeping each output consistent and recreatable.

When to use it

  • Generating a seeded particle system visualization to use as a digital print
  • Exploring flow field aesthetics with adjustable noise scale and particle count
  • Creating a shareable browser-based generative art piece with no dependencies
  • Producing a series of algorithmic variations by cycling through seed values
  • Turning a vague aesthetic concept into a runnable p5.js interactive sketch

Example Workflow

Here's how your AI assistant might use this skill in practice.

INPUT

User asks: Create a generative art piece inspired by ocean currents

AGENT
  1. 1Writes an algorithmic philosophy .md file defining a flow-field movement based on layered Perlin noise and particle accumulation
  2. 2Reads the viewer.html template to use as the exact structural starting point
  3. 3Implements a p5.js algorithm where particles follow vector fields driven by noise, their trails forming current density maps
  4. 4Exposes particle count, noise scale, speed, and trail opacity as sidebar sliders with real-time updates
  5. 5Outputs a single self-contained HTML file with seed navigation controls and a download PNG button
OUTPUT

A self-contained HTML file that opens in any browser, showing an animated flow field with a sidebar for seed navigation and parameter adjustment