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.