skills.rest
MoonBoi9001
MoonBoi9001COMMUNITY
Explore all skills by this author →
GitHub

algorithmic-art

Create reproducible p5.js generative artworks with seeded randomness and parameter controls.

Updated Aug 23, 2026
Search Tags:#p5.js#generative-art#interactive-art#flow-fields#seeded-randomness#particle-systems#algorithmic-philosophy
One-click install
npx skills add https://github.com/MoonBoi9001/claude-code-cli-tools --skill algorithmic-art-moonboi9001
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/MoonBoi9001/claude-code-cli-tools/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/MoonBoi9001/claude-code-cli-tools --skill algorithmic-art-moonboi9001

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill transforms high-level creative prompts into reproducible, gallery-ready generative artworks by producing a clear algorithmic philosophy and a fully self-contained p5.js HTML artifact. It removes the friction of template compliance, seeded randomness, UI parameterization, and export-ready output so artists and developers can iterate quickly and reliably.

Core Features & Use Cases

  • Produces a 4–6 paragraph algorithmic philosophy that frames the generative approach and leaves precise implementation room.
  • Generates a single self-contained HTML viewer (p5.js from CDN) that embeds the seeded algorithm, parameter controls, seed navigation, and export actions.
  • Enforces seeded randomness and reproducibility, Anthropic template compliance, and craftsmanship guidelines to produce polished interactive pieces for demos, galleries, or teaching.
  • Use cases: rapid prototyping of flow fields and particle systems, creating interactive artifacts for presentations, or producing reproducible series of variations for prints.

Quick Start

Ask the algorithmic-art skill to produce an algorithmic philosophy and a single self-contained p5.js HTML viewer from a short aesthetic prompt and a numeric seed.

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 p5.js generative art from a text prompt?▼

To generate reproducible p5.js generative art, provide a high-level aesthetic prompt and a numeric seed. The Skill outputs an algorithmic philosophy and a self-contained HTML viewer with seeded randomness, ensuring the exact artwork can be recreated consistently across iterations.

Can I create interactive flow fields and particle systems with parameter controls?▼

Yes, you can create interactive flow fields and particle systems with parameter controls. The generated self-contained HTML artifact embeds UI parameter controls, seed navigation, and export functionality directly within the p5.js viewer interface.

What is seeded randomness in generative art and why is it important?▼

Seeded randomness in generative art uses a numeric seed to initialize random number generation, ensuring identical outputs every time the algorithm runs. It is important for creating reproducible variations, gallery exhibitions, and consistent print series.

Does the algorithmic-art Skill require external libraries or dependencies to run?▼

The algorithmic-art Skill requires no external dependencies to function. It generates a single self-contained HTML file that loads p5.js from a CDN, embedding the seeded algorithm, parameter controls, and export actions without needing local library installations.

How do I export gallery-quality generative artworks for presentations?▼

You can export gallery-quality generative artworks using the export functionality embedded in the generated HTML viewer. The Skill enforces craftsmanship guidelines and template compliance to ensure the interactive p5.js pieces are polished for demos, galleries, or teaching.

What is the algorithmic philosophy output and how is it used?▼

The algorithmic philosophy is a 4-6 paragraph framing text that explains the generative approach and leaves precise implementation room. It contextualizes the aesthetic prompt to guide the creation of the self-contained HTML artifact.

Related Skills

Explore More Design & Creative Skills→
jeffpeckyjeffpecky

algorithmic-art

Generate algorithmic art with p5.js using seeded randomness and adjustable parameters.

Community
Advanced
alter123-zzalter123-zz
18

algorithmic-art

Generate reproducible p5.js generative-art HTML artifacts with seeded randomness and parameter controls.

Community
Intermediate
EstomEstom

algorithmic-art

Generate reproducible algorithmic art as self-contained p5.js HTML artifacts.

Community
Advanced
rakibulismrakibulism
2

algorithmic-art

Create seeded generative art concepts with interactive p5.js HTML viewers.

Community
Advanced