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.