algorithmic-art

Create reproducible p5.js generative art in a self-contained HTML artifact.

1|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/xiaoshuangLi/aibo --skill algorithmic-art-xiaoshuangli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/xiaoshuangLi/aibo/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/xiaoshuangLi/aibo --skill algorithmic-art-xiaoshuangli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables creators to design and render reproducible, philosophy-driven generative art using p5.js, providing a self-contained workflow from concept to a runnable artifact.

Core Features & Use Cases

  • Seeded randomness for reproducible outputs and easy exploration of variations.
  • Self-contained HTML artifact built from a fixed template, preserving Anthropic branding in the UI.
  • Parameterized control over generation (particle count, speed, noise scale, trails, and color palette) for iterative refinement.
  • Clear guidance to implement custom algorithmic philosophies and translate them into code, ensuring end-to-end generative-art pipelines.

Quick Start

Open the generated HTML artifact and adjust the sliders to explore seeds and parameters.

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?▼

You can create reproducible generative art by applying seeded randomness in p5.js. This Skill generates a self-contained HTML artifact using a fixed seed, ensuring the exact visual output is regenerated identically every time the code runs.

How does seeded randomness work in generative art workflows?▼

Seeded randomness works by initializing the random number generator with a specific numeric value. This Skill uses seeded randomness to lock the algorithmic art generation, allowing you to explore variations by changing the seed while keeping previous outputs perfectly reproducible.

Can I build interactive UI controls for p5.js parameter tuning?▼

Yes, you can build interactive UI controls for p5.js parameter tuning. This Skill creates a standalone HTML artifact featuring UI-driven sliders to interactively adjust particle count, speed, noise scale, trails, and color palettes for iterative generative art refinement.

What is the best way to deploy p5.js sketches as a standalone HTML file?▼

The best way to deploy p5.js sketches as a standalone HTML file is to compile the sketch and UI into a single self-contained document. This Skill generates a single-file HTML artifact that preserves the visual output and interactive controls for immediate deployment.

Do I need external libraries to generate algorithmic art from a philosophy?▼

No external libraries are needed to generate algorithmic art from a philosophy beyond p5.js. This Skill translates algorithmic philosophies into code and outputs a self-contained HTML file with zero external dependencies, ensuring the generative art pipeline runs independently.

Why are my generative art outputs different every time I run the code?▼

Generative art outputs differ on every run because the random number generator is not initialized with a fixed value. This Skill solves that by applying seeded randomness, ensuring the algorithmic art generation is locked and the outputs are perfectly reproducible across sessions.