Agent-Skills.md

Agent Skills: Algorithmic Art

Create generative art using p5.js with seeded randomness and interactive

UncategorizedID: vamseeachanta/workspace-hub/algorithmic-art

Repository

vamseeachanta/workspace-hub
vamseeachanta
44

Install this agent skill to your local

pnpm dlx add-skill https://github.com/vamseeachanta/workspace-hub/tree/HEAD/.claude/skills/business/content-design/algorithmic-art

Skill Files

Browse the full folder contents for algorithmic-art.

Download Skill

Loading file tree…

.claude/skills/business/content-design/algorithmic-art/SKILL.md

Skill Metadata

Name
algorithmic-art
Description
Create generative art using p5.js with seeded randomness and interactive

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
<!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)