
Algorithmic Art
This generates p5.js sketches through a two-step process: first you create an "algorithmic philosophy" (a manifesto for a generative art movement), then it writes the code to express that philosophy. It's built around seeded randomness, flow fields, particle systems, and emergent behavior. The prompt is unusually long and somewhat repetitive, but the core idea is solid: it pushes Claude to think about generative art as living algorithms rather than static templates. You'll get .md philosophy files plus .html and .js implementations. Best for when you want generative art that feels computationally intentional rather than just random shapes, though you'll need to wade through the verbose instructions first.
- skills.sh installs
- 347
- GitHub stars
- 33.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add davila7/claude-code-templates --skill algorithmic-art --agent claude-codeInstalls 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.
Sponsors
Details
- Repository
- github.com/davila7/claude-code-templates
- First seen
- Jun 3, 2026
More from davila7/claude-code-templates
All 618- Email Systems347
- Faiss347
- Voice Agents347
- Git Pushing346
- Brand Guidelines344
- Paid Ads344
- Guidance343
- Executing Plans342
- Launch Strategy342
- Marp Slide342
- Writing Clearly And Concisely342
- Browser Extension Builder341
- Huggingface Tokenizers340
- Llama Factory339
- Stable Baselines3338
- Bullmq Specialist337
- Crewai337
- Quantizing Models Bitsandbytes337
- Nemo Curator336
- Discord Bot Architect335
- Railway Deploy335
- Aws Serverless334
- Clip334
- Datadog Cli334