algorithmic-art

Generates reproducible algorithmic art with seeded randomness using p5.js.

2|1|Updated Feb 5, 2026
One-click install
npx skills add https://github.com/dalehurley/phpbot --skill algorithmic-art-dalehurley
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/dalehurley/phpbot/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/dalehurley/phpbot --skill algorithmic-art-dalehurley

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating original algorithmic art using code (p5.js) with seeded randomness and interactive parameter exploration, helping users explore generative visuals without copying existing works and enabling reproducible results.

Core Features & Use Cases

  • Generates browser-based generative art with a seeded RNG for reproducibility.
  • Provides an interactive UI to tweak parameters (seed, color palettes, motion/canvas settings) and explore variations.
  • Delivers a self-contained, single-file HTML artifact that can be opened offline or shared.

Quick Start

Provide a seed and tweak a handful of parameters to instantly generate a unique p5.js generative artwork.

Frequently Asked Questions about algorithmic-art

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create reproducible generative art with p5.js?

You can create reproducible generative art with p5.js by applying a seeded random number generator to your visual parameters, ensuring the exact same artwork renders every time the script runs.

What is seeded randomness in algorithmic art?

Seeded randomness in algorithmic art is a technique that initializes a pseudo-random number generator with a specific starting value, allowing you to reproduce identical generative visuals and flow fields across multiple runs.

How do I build interactive controls for a p5.js flow field?

You can build interactive controls for a p5.js flow field by parameterizing your script with UI elements that adjust the seed, color palettes, and motion settings, allowing real-time exploration of generative variations.

Can I generate a self-contained HTML file for my p5.js particle system?

Yes, you can generate a self-contained single-file HTML artifact that includes your p5.js particle system, allowing you to open, view, and share the generative artwork completely offline without external dependencies.

Do I need to install p5.js to explore algorithmic art variations?

You do not need to install p5.js locally to explore algorithmic art variations, as the generated output is a standalone HTML file that runs entirely within a standard web browser.

Why does my generative art look different every time I run the code?

Your generative art looks different on each run because it lacks a seeded random generator; applying a fixed seed to your p5.js script ensures the exact same particle systems and visual outputs are reproducible.