algorithmic-art

Generate reproducible p5.js algorithmic art from a user-provided philosophy.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users generate living algorithmic art via code using p5.js, seeded randomness, and interactive parameter exploration, replacing manual trial-and-error with reproducible exploration.

Core Features & Use Cases

  • Generative exploration: quickly prototype new algorithmic aesthetics with seeded randomness.
  • Reproducible outputs: reproduce any run by reusing the seed.
  • Self-contained HTML artifacts: produce a single file ready to run in browser or Claude artifacts.

Quick Start

Use a seed, a color palette, and a philosophy to generate a unique p5.js generative art piece.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema
How do I generate reproducible generative art with p5.js?

Generative art with p5.js becomes reproducible by using seeded randomness, where reusing the same seed value guarantees identical visual outputs across multiple runs. You provide a philosophy prompt, color palette, and seed to generate a unique piece.

Can I create interactive p5.js visualizations that run directly in a browser?

Yes, this skill produces self-contained HTML artifacts that run directly in any browser or Claude artifacts environment without external dependencies. The generated p5.js code includes interactive parameter exploration capabilities for live visualization.

What is seeded randomness in algorithmic art and why does it matter?

Seeded randomness in algorithmic art anchors pseudo-random number generation to an initial value, ensuring identical parameter generation across runs. It matters because it replaces manual trial-and-error with deterministic, reproducible visual exploration.

Does algorithmic art generation require external libraries or dependencies?

No, algorithmic art generation requires no external dependencies beyond the p5.js framework. The skill outputs self-contained HTML artifacts that include all necessary code, running immediately in a browser or Claude artifacts environment.

How do I prototype new algorithmic aesthetics quickly without manual coding?

You prototype new algorithmic aesthetics by providing a philosophy prompt and color palette to automatically generate p5.js code. This approach leverages seeded randomness to enable rapid, reproducible exploration of generative designs without manual trial-and-error.

When should I use seeded generative art over manual creative coding?

Use seeded generative art when you need reproducible outputs for education environments or interactive demos requiring repeatable experiments. It replaces manual creative coding trial-and-error with deterministic exploration, allowing any run to be reproduced exactly by reusing the seed.