Skip to content

Algorithmic Art

by @product-on-purpose

A Claude skill that writes a generative-art philosophy and expresses it as interactive p5.js sketches with seeded randomness and a parameter-exploration UI.

View on GitHub ☆ Save Report
★ 0 saves GitHub ★ 1.7k

Installation & usage

README summary

A Claude skill that writes a generative-art philosophy and expresses it as interactive p5.js sketches with seeded randomness and a parameter-exploration UI.

Create original generative art in two steps: an algorithmic philosophy (a computational aesthetic movement), then its expression as p5.js code. A method for authoring the philosophy — flow fields, noise, particles, emergence. p5.js implementation guidance: seeded randomness (Art Blocks pattern), parameter design. A single self-contained HTML viewer with seed navigation and live parameter controls. Generative and algorithmic art, flow fields, particle systems and parametric compositions that stay reproducible per seed.

Auto-extracted from the repository README. The authoritative steps live in the repository on GitHub.

Full README

Algorithmic Art

Create original generative art in two steps: an algorithmic philosophy (a computational aesthetic movement), then its expression as p5.js code.

What's inside

  • A method for authoring the philosophy — flow fields, noise, particles, emergence
  • p5.js implementation guidance: seeded randomness (Art Blocks pattern), parameter design
  • A single self-contained HTML viewer with seed navigation and live parameter controls

Use it for

Generative and algorithmic art, flow fields, particle systems and parametric compositions that stay reproducible per seed.

Product Artifact Hub — a registry for Product people. GitHub is the source of truth for code. All rights reserved - Wagner Borba (WBTech Studio) © 2026.