algorithmic-art

Generate reproducible p5.js algorithmic art with seeded randomness and interactive controls.

199|41|Updated Oct 25, 2020
One-click install
npx skills add https://github.com/rvdbreemen/OTGW-firmware --skill algorithmic-art-rvdbreemen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/rvdbreemen/OTGW-firmware/tree/main/.github/skills/algorithmic-art
Command: npx skills add https://github.com/rvdbreemen/OTGW-firmware --skill algorithmic-art-rvdbreemen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

It helps you turn a request for generative visuals into an original, reproducible algorithmic art piece instead of static copy or random trial-and-error.

Core Features & Use Cases

  • Algorithmic philosophy writing: Produce a 4–6 paragraph computational manifesto (seeded randomness, emergent behavior, parametric variation) that guides implementation.
  • p5.js implementation plan: Convert the philosophy into a seeded p5.js sketch design using reproducible random/noise and tunable parameters.
  • Interactive viewer artifact workflow: Generate an interactive single-file HTML artifact by following the required template structure and wiring seed + parameter controls.

Quick Start

Use the algorithmic-art skill to produce an original generative-art HTML artifact with a seeded p5.js implementation using a philosophy that emphasizes emergent behavior, computational beauty, and expert-level parameter craft.

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 in p5.js?

To create reproducible generative art in p5.js, you must use seeded randomness and noise functions so visual outputs remain identical across runs. This skill generates original sketches by establishing an algorithmic philosophy and translating it into a parameter-driven p5.js implementation.

What is an algorithmic philosophy for generative visuals?

An algorithmic philosophy is a 4–6 paragraph computational manifesto that guides the implementation of generative visuals by defining principles for seeded randomness, emergent behavior, and parametric variation. This skill produces this philosophy before translating it into a p5.js sketch.

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

Build interactive parameter controls by wiring seed and tunable parameter inputs into a single self-contained HTML artifact. This skill uses a fixed viewer template to generate an interactive HTML file with wired controls for exploring p5.js flow fields and noise-driven systems.

Can I use this to generate a single-file HTML artifact for creative coding?

Yes, this skill generates a single self-contained HTML artifact derived from a fixed viewer template for creative coding. It consolidates the seeded p5.js implementation, interactive seed controls, and parameter-driven design into one reproducible file for generative visuals.

Does generative art created with this approach require external dependencies?

No, generative art created with this approach requires no external dependencies. The skill produces a self-contained HTML artifact using p5.js with seeded randomness and noise reproducibility built directly into the single viewer template file.