algorithmic-art

Generate seed-driven p5.js generative art in a self-contained HTML viewer.

10|2|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/Yrzhe/telegram-claude-bot --skill algorithmic-art-yrzhe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/Yrzhe/telegram-claude-bot/tree/main/.claude/skills/algorithmic-art
Command: npx skills add https://github.com/Yrzhe/telegram-claude-bot --skill algorithmic-art-yrzhe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating algorithmic art using code often requires scaffolding, reproducible workflows, and a clear philosophy. This skill provides a structured blueprint for building seed-driven generative art and expressing a computational aesthetic without copying others.

Core Features & Use Cases

  • Seeded randomness and interactive parameter exploration enable unique, reproducible artworks.
  • Guides for implementing p5.js-based generative workflows (flow fields, particles, fields) that embody a chosen algorithmic philosophy.
  • Real-world scenarios include gallery-ready visuals, design explorations, and AI-assisted creative coding sessions.

Quick Start

Run a Claude request to generate a seed-driven generative art piece using the described algorithmic philosophy and the provided viewer template.

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 using p5.js?

Reproducible generative art in p5.js requires a seed-driven workflow that fixes randomized parameters to specific values. This Skill provides a structured blueprint to define an algorithmic philosophy and generate self-contained HTML artifacts with controlled randomness and interactive parameter exploration.

What is seeded randomness in generative design and when do I need it?

Seeded randomness in generative design is the process of initializing a pseudo-random number generator with a specific value to ensure identical visual outputs across multiple runs. You need it when creating reproducible variations of algorithmic artworks for gallery-ready visuals or design explorations.

How do I build an interactive p5.js workflow for algorithmic art exploration?

Building an interactive p5.js workflow involves setting up parameter-based controls that allow real-time manipulation of algorithmic variables like flow fields and particles. This Skill guides you through implementing a fixed UI structure within a viewer template to probe variations in your generative design.

Can I use this approach to generate self-contained HTML artifacts for creative coding?

Yes, this approach explicitly implements generative artworks as self-contained HTML artifacts using a provided viewer template. It ensures reproducible seeds and a fixed UI structure are embedded directly within the HTML output, making it suitable for AI-assisted creative coding sessions.

Does this generative art workflow require external dependencies or libraries?

No, this generative art workflow requires no external dependencies or component libraries. It operates as a standalone system using native p5.js algorithms to embody your chosen computational aesthetic without needing additional scaffolding.

What's the best way to express an algorithmic philosophy through code?

Expressing an algorithmic philosophy through code involves translating conceptual rules into native p5.js algorithms like flow fields or particle systems. This Skill provides a structured blueprint to map computational aesthetics directly into reproducible, parameter-driven generative artworks.