algorithmic-art

Generate seed-driven generative art with p5.js in a self-contained HTML viewer.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/jaguarliuu/miniclaw --skill algorithmic-art-jaguarliuu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/jaguarliuu/miniclaw/tree/main/.miniclaw/skills/algorithmic-art
Command: npx skills add https://github.com/jaguarliuu/miniclaw --skill algorithmic-art-jaguarliuu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, reproducible approach to creating algorithmic art using p5.js with seeded randomness and an interactive viewer, enabling consistent experimentation.

Core Features & Use Cases

  • Seeded randomness for reproducible outputs across runs.
  • Parameterized controls (particle count, flow speed, noise scale, color palette) for exploration.
  • A self-contained HTML viewer based on a fixed Anthropic template, requiring no external setup.
  • Real-time exploration and rapid prototyping of generative aesthetics across seeds.

Quick Start

Open the included viewer and tweak the parameters to generate a unique seed-driven generative art piece.

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?

Reproducible generative art with p5.js uses seeded randomness to ensure identical visual outputs across multiple runs. You parameterize controls like particle count and noise scale, enabling consistent experimentation and repeatable aesthetic variations.

What is seeded randomness in creative coding?

Seeded randomness in creative coding is a mechanism that initializes a deterministic random number generator. It allows generative art to be perfectly recreated from a specific seed value, providing reproducible outputs for consistent visual experimentation.

Can I build an interactive generative art viewer without external dependencies?

Yes, you can build an interactive generative art viewer without external dependencies using a self-contained HTML file. This approach embeds p5.js logic and parameterized UI controls directly, requiring no external setup or libraries to function.

How do I parameterize flow speed and color palettes for algorithmic art?

Parameterize flow speed and color palettes for algorithmic art by adjusting interactive UI controls linked to p5.js variables. This allows real-time exploration and rapid prototyping of generative aesthetics without modifying the underlying code.

Does p5.js work for generating deterministic variations across different seeds?

Yes, p5.js works for generating deterministic variations across different seeds by leveraging its random seed functions. This enables on-demand exploration of generative art variations while maintaining strict reproducibility for any chosen seed value.