algorithmic-art

Create p5.js generative art with seeded randomness and interactive parameter exploration.

Updated Jul 23, 2025
One-click install
npx skills add https://github.com/levanminhduc/LuongHoaThoNew --skill algorithmic-art-levanminhduc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/levanminhduc/LuongHoaThoNew/tree/main/.claude/skills/algorithmic-art
Command: npx skills add https://github.com/levanminhduc/LuongHoaThoNew --skill algorithmic-art-levanminhduc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Algorithmic philosophies enable creating original generative art by combining structured ideas with code, using seeded randomness to ensure reproducible results. It guides artists from philosophy to runnable sketches.

Core Features & Use Cases

  • Two-step workflow: Write an algorithmic philosophy in Markdown, then express it as p5.js sketches (HTML + JS).
  • Output formats: MD files for philosophy, HTML for interactive viewer, and JS for the generator.
  • Seeded randomness & exploration: Deterministic results, parameter exploration, and reproducible art.
  • Craftsmanship focus: Emphasizes meticulous, high-skill implementation with attention to performance and code structure.

Quick Start

  1. Name the movement and craft a short philosophy (in a Markdown file).
  2. Implement the algorithm in a p5.js sketch guided by the philosophy.
  3. Open viewer.html to explore the interactive piece and tweak parameters to see emergent behavior.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema
How do I create generative art with p5.js using seeded randomness?

Generative art with seeded randomness uses p5.js to produce reproducible algorithmic visuals. This Skill guides you through writing an algorithmic philosophy in Markdown, then implementing it as an interactive p5.js sketch with deterministic parameters, ensuring the same art regenerates identically when you use the same seed value.

What's the difference between generative art and traditional creative coding?

Generative art emphasizes algorithmic philosophies—structured creative ideas expressed through code—combined with seeded randomness for reproducibility. This approach produces interactive pieces where parameter exploration reveals emergent behavior, distinguishing it from one-off sketches without documented philosophy or replicable logic.

How do I set up an interactive viewer for my p5.js generative sketches?

The Skill produces an interactive HTML viewer paired with a modular JavaScript generator script. This viewer lets you tweak parameters in real time to explore how changes affect the output, while seeded randomness keeps results reproducible across parameter adjustments.

Can I use this workflow for particle systems and flow fields?

Yes. The Skill applies to particle systems, flow fields, and other code-driven art. It enforces modular class structures, separate update and rendering logic, and performance-conscious patterns to keep complex generative output scalable and visually high-quality.

What do I need to document before coding a generative sketch?

Document your algorithmic philosophy as a Markdown file before implementing. This philosophy articulates the core creative idea, guiding your code structure and ensuring your final sketch remains aligned with your original artistic intent.

Why should I use seeded randomness in my creative code?

Seeded randomness ensures reproducible results—the exact same art regenerates every time you use the same seed. This enables parameter exploration, collaborative refinement, and reliable iteration without losing variations you've created.