# Algorithmic Art

> Create generative art using p5.js with seeded randomness and interactive exploration. Use for computational aesthetics, parametric design, particle systems, noise fields, and procedural generation.

- Skill: `vamseeachanta/algorithmic-art` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/algorithmic-art`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/algorithmic-art/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/algorithmic-art

---


# Algorithmic Art

## Overview

Create generative art using p5.js with seeded randomness and interactive exploration. Beauty emerges from algorithmic execution rather than static composition.

## When to Use

- Creating generative art with reproducible randomness
- Building interactive visual explorations
- Implementing particle systems and flow fields
- Designing parametric compositions
- Procedural pattern generation
- Art that rewards exploration through seed navigation

## Quick Start

1. **Write algorithmic philosophy** (how art emerges from code)
2. **Set up p5.js template** with seed controls
3. **Implement core algorithm** (noise, particles, recursion)
4. **Add parameter controls** for exploration
5. **Enable seed navigation** for reproducibility

```html
<!DOCTYPE html>
<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.min.js"></script>
</head>
<body>
<script>
let seed = 0;

function setup() {
  createCanvas(800, 800);
  generate();
}

function generate() {
  randomSeed(seed);
  noiseSeed(seed);
  background(10);

*See sub-skills for full details.*

## Related Skills

- [canvas-design](../canvas-design/SKILL.md) - Static visual art
- [frontend-design](../frontend-design/SKILL.md) - Web interface design
- [web-artifacts-builder](../../builders/web-artifacts-builder/SKILL.md) - Self-contained HTML apps

---

## Version History

- **2.0.0** (2026-01-02): Upgraded to v2 template - added Quick Start, When to Use, Execution Checklist, Error Handling, Metrics sections
- **1.0.0** (2024-10-15): Initial release with p5.js templates, seeded randomness, noise fields, particle systems, recursive structures

## Sub-Skills

- [Execution Checklist](execution-checklist/SKILL.md)
- [Error Handling](error-handling/SKILL.md)
- [Metrics](metrics/SKILL.md)

## Sub-Skills

- [Phase 1: Algorithmic Philosophy (+1)](phase-1-algorithmic-philosophy/SKILL.md)
- [Core Principle: Seeded Reproducibility](core-principle-seeded-reproducibility/SKILL.md)
- [Template Structure](template-structure/SKILL.md)
- [Noise Fields (+2)](noise-fields/SKILL.md)
- [Philosophy-Driven Implementation](philosophy-driven-implementation/SKILL.md)

