Algorithmic Art

Reach for this one when you want a generative piece in p5.js and would rather start from a written philosophy than a blank sketch. The skill has Claude first write a short manifesto-style .md describing an algorithmic aesthetic (flow fields, particle systems, noise-driven emergence), then turn it into an HTML viewer plus JS with seeded randomness and a few exposed parameters to tweak. The two-step structure is the part worth noticing: the philosophy file gives you something to argue with before any code exists. The source leans heavily on "masterful craftsmanship" language in its prompts, which reads as padding to me, but the output format is clear and the copyright guardrail (original work, not imitating named artists) is a sensible default. Good fit for exploration and experiments; less obviously useful if you already know exactly which sketch you want.

GitHub stars: 1.4K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add Prat011/awesome-llm-skills --skill algorithmic-art --agent claude-code

Installs into .claude/skills of the current project.

Files

Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).

This happens in two steps:

Algorithmic Philosophy Creation (.md file)
Express by creating p5.js generative art (.html + .js files)

First, undertake this task:

ALGORITHMIC PHILOSOPHY CREATION

To begin, create an ALGORITHMIC PHILOSOPHY (not static images or templates) that will be interpreted through:

Computational processes, emergent behavior, mathematical beauty
Seeded randomness, noise fields, organic systems
Particles, flows, fields, forces
Parametric variation and controlled chaos

THE CRITICAL UNDERSTANDING

What is received: Some subtle input or instructions by the user to take into account, but use as a foundation; it should not constrain creative freedom.
What is created: An algorithmic philosophy/generative aesthetic movement.
What happens next: The same version receives the philosophy and EXPRESSES IT IN CODE - creating p5.js sketches that are 90% algorithmic generation, 10% essential parameters.

SKILL.md on GitHub