algorithmic-art

Generate reproducible p5.js generative art with seeded randomness and flow fields.

60|13|Updated Dec 22, 2025
One-click install
npx skills add https://github.com/plurigrid/asi --skill algorithmic-art-plurigrid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/plurigrid/asi/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/plurigrid/asi --skill algorithmic-art-plurigrid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create generative art with code using p5.js, featuring seeded randomness for reproducibility.

Core Features & Use Cases

  • Seeded randomness: Reproducible results for art experiments.
  • Flow fields: Flow field-based particle systems for organic patterns.
  • Recursive trees & color palettes: Classic generative patterns with aesthetic choices.

Quick Start

Set seed in setup and run the sketch; adjust noise and parameters to explore variations.

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?

Set a seed value in p5.js setup to lock the random number generator, ensuring identical output across runs. Use seeded randomness with noise functions to generate reproducible algorithmic patterns, flow fields, and particle systems that you can explore by adjusting parameters.

What is a flow field and how do I implement one for particle systems?

A flow field is a grid of vectors that guide particle movement, creating organic, directional motion. Implement one in p5.js by computing Perlin noise at each grid cell to generate direction vectors, then apply those vectors to particles for fluid, natural-looking patterns.

Can I use seeded randomness to explore variations of the same artwork?

Yes. By keeping the seed fixed, you preserve the exact same generative output; by incrementing or changing the seed, you explore deterministic variations of your design. This enables systematic parameter exploration and reproducible experimentation.

How do I build recursive tree structures in generative art with p5.js?

Use recursive functions to branch and subdivide lines or shapes, applying Perlin noise or seeded randomness to vary angles, lengths, and colors at each level. This creates organic, fractal-like tree patterns with aesthetic control and reproducibility.

What's the difference between random() and noise() for generative patterns?

random() produces uncorrelated values; noise() (Perlin noise) generates smooth, continuous variation. For flow fields and organic patterns, noise creates coherent, natural-looking motion, while seeded random is useful for discrete, repeatable artistic choices.

Do I need to know advanced math to create algorithmic art with p5.js?

No. p5.js abstracts complexity with built-in functions for randomness, noise, and vector math. Understanding basic concepts like seeding, noise sampling, and vector direction helps, but the framework handles the mathematical details behind particle dynamics and flow fields.