# Algorithmic Art

> Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.

- Skill: `evolvingagentslabs/algorithmic-art` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add evolvingagentslabs/algorithmic-art`
- Raw SKILL.md: https://api.skillmd.com/api/skills/evolvingagentslabs/algorithmic-art/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: See LICENSE.txt
- Author: evolvingagentslabs (https://skillmd.com/u/evolvingagentslabs)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/evolvingagentslabs/algorithmic-art

---


# Algorithmic Art Skill

Creates gallery-quality computational art through a two-step process:

1. **Algorithmic Philosophy Creation** — Define a generative aesthetic movement (.md)
2. **p5.js Implementation** — Express it as interactive generative art (.html + .js)

## Features
- Seeded randomness (Art Blocks pattern) for reproducible variations
- Interactive parameter controls (sliders, color pickers)
- Seed navigation (prev/next/random/jump)
- Self-contained HTML artifacts (works in any browser)
- Anthropic-branded viewer template

## Templates
- `templates/viewer.html` — Required starting point for all HTML artifacts
- `templates/generator_template.js` — Reference for p5.js best practices

## Usage
```
skillos execute: "Create algorithmic art inspired by ocean waves"
skillos execute: "Generate a flow field visualization"
skillos execute: "Create generative art with particle systems"
```