algorithmic-art

Generate deterministic p5.js generative art sketches from user prompts.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/EpicBlackWolfZ/Gildedrose-kata --skill algorithmic-art-epicblackwolfz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/EpicBlackWolfZ/Gildedrose-kata/tree/main/.claude/skills/algorithmic-art
Command: npx skills add https://github.com/EpicBlackWolfZ/Gildedrose-kata --skill algorithmic-art-epicblackwolfz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users create reproducible, seed-driven generative art using p5.js by translating requests into executable, interactive sketches that can be explored via parameter controls.

Core Features & Use Cases

  • Seeded randomness for reproducible results across runs and seeds
  • Interactive parameter controls for pacing, scale, color palettes, and complexity
  • Self-contained HTML artifact built from fixed templates, with a predictable UI
  • Philosophy-driven approach to algorithmic art (flow fields, particle systems, and procedural visuals)
  • Use Case: rapidly prototype an exploration of a new generative aesthetic and share a stand-alone interactive sketch

Quick Start

Describe your desired algorithmic art concept and I will create a seedable, interactive p5.js sketch.

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?

To create reproducible generative art with p5.js, you use a seed-driven workflow where a fixed random seed ensures identical visual outputs across multiple runs and parameter sweeps. This approach guarantees deterministic results for flow fields and particle systems.

Can I build an interactive UI for algorithmic art parameter sweeps?

Yes, you can build interactive UI controls for algorithmic art by using a fixed template that includes seed navigation, pacing, scale, and complexity sliders, alongside optional color palettes to explore procedural generation interactively.

What is seeded randomness in procedural generation?

Seeded randomness in procedural generation is a mechanism that initializes a pseudo-random number generator with a fixed value, producing identical visual patterns and particle system behaviors every time that specific seed is applied.

How do I generate a self-contained HTML artifact for a p5.js sketch?

You generate a self-contained HTML artifact for a p5.js sketch by applying a fixed template skeleton that embeds the procedural visuals, interactive UI controls, and seeded randomness logic directly into a standalone file.

Does generative art created this way support flow fields and particle systems?

Yes, generative art created through this method supports flow fields, particle systems, and procedural visuals by translating algorithmic prompts into executable p5.js code driven by deterministic seeds and interactive parameter controls.

Are there limitations to modifying the UI skeleton in seeded generative art?

The primary limitation is that the UI skeleton is built from a fixed template with a predictable structure for seed navigation and parameter controls, meaning deep structural deviations from the standard layout are not supported.