skills.rest
tocadaoncamod
tocadaoncamodCOMMUNITY
Explore all skills by this author →
GitHub

algorithmic-art

Generate reproducible p5.js generative-art HTML viewers with seeded randomness and interactive controls.

Updated Mar 9, 2026
Search Tags:#p5.js#templates#interactive#generate#generative-art#seeded-randomness#algorithmic-art
One-click install
npx skills add https://github.com/tocadaoncamod/agentes-ia-agno --skill algorithmic-art-tocadaoncamod
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/tocadaoncamod/agentes-ia-agno/tree/main/.claude/skills/algorithmic-art
Command: npx skills add https://github.com/tocadaoncamod/agentes-ia-agno --skill algorithmic-art-tocadaoncamod

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Artists, designers, and creative technologists need a reproducible, interactive workflow to express algorithmic philosophies as living code rather than static images. This Skill provides a disciplined process and artifact format for turning a concise generative-art manifesto into a single-file p5.js HTML viewer with seeded randomness, interactive parameter controls, and exportable outputs so each run is both unique and reproducible.

Core Features & Use Cases

  • Algorithmic Philosophy → Artifact: Produce a 4–6 paragraph generative-art philosophy (.md) and a matching single-file HTML p5.js artifact that implements it.
  • Seeded Reproducibility: Always use seed and noise seeding so identical seeds reproduce identical results; include seed navigation (prev/next/random/jump).
  • Interactive Parameters & UI: Create sliders, color pickers, and controls wired to the p5.js sketch; regenerate, reset, and download PNG from the same artifact.
  • Template Compliance: Start from the provided templates/viewer.html structure and keep fixed UI, branding, and sidebar elements while replacing only algorithm and parameter sections.
  • Use Case: Turn a high-level brief about flow fields, particle systems, or parametric variation into a gallery-ready interactive sketch with curated palettes and master-level tuning.

Quick Start

Generate an algorithmic philosophy and a single-file p5.js HTML artifact that follows the template, uses a seeded RNG, and exposes interactive parameter controls.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema
How do I generate interactive p5.js generative art from a text prompt?▼

You can generate interactive p5.js generative art by providing a high-level creative brief. The system outputs a single-file HTML viewer with a matching algorithmic philosophy markdown file, implementing your brief as living code.

Can I create reproducible flow fields and particle systems with seeded randomness?▼

Yes, you can create reproducible flow fields and particle systems. The generated p5.js artifacts use a seedable random generator and noise seeding, ensuring identical seeds always reproduce identical visual results.

How do I add UI parameter sliders and controls to a p5.js sketch?▼

The generated single-file HTML viewer includes built-in UI parameter sliders, color pickers, and controls wired directly to the p5.js sketch. It also provides seed navigation and PNG download buttons for interactive exploration.

What is the best way to export p5.js generative art as a standalone HTML file?▼

The best way to export p5.js generative art is by using a template-compliant single-file HTML viewer. The system derives the output from a fixed viewer template, ensuring web-ready artifacts with consistent UI and branding.

Does the generative art template support Voronoi and recursive systems?▼

Yes, the generative art template supports Voronoi and recursive systems. It is designed for flow fields, particle systems, and seeded parametric explorations, producing gallery-ready interactive sketches with curated palettes.

Why do my generative art exports look different every time I run them?▼

Generative art exports look different without seeded randomness because the random generator changes. Using a fixed seed and noise seeding in your p5.js sketch ensures identical seeds reproduce identical results across runs.

Related Skills

Explore More Design & Creative Skills→
wx-chevalierwx-chevalier
10

algorithmic-art

Generate interactive p5.js sketches from user-defined algorithmic philosophies.

Community
Advanced
BermudaLocalsBermudaLocals
1

p5js

Generate browser-ready p5.js sketches as self-contained HTML files.

Community
Advanced
amrhas82amrhas82
21

algorithmic-art

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

Community
Intermediate
makerjackiemakerjackie
1

algorithmic-art

Generate reproducible seeded p5.js generative art in single-file HTML viewers.

Community
Advanced