algorithmic-art

name	algorithmic-art
description	Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this skill when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.
version	1.0.0
author	Anthropic
license	Apache 2.0
triggers	["generative art","algorithmic art","p5.js","flow fields","particle systems","create art using code"]
tools	["file_read","file_write","shell"]
models	["qwen3-coder","qwen3-32b"]

Algorithmic Art

Process

1. Algorithmic Philosophy Creation (4-6 paragraphs)
2. P5.JS Implementation

P5.JS Implementation

Seeded Randomness

let seed = 12345;
randomSeed(seed);
noiseSeed(seed);

Parameter Structure

let params = {
  seed: 12345,
  particleCount: 1000,
  noiseScale: 0.01,
};

Canvas Setup

function setup() {
  createCanvas(1200, 1200);
}

function draw() {
  // Generative algorithm
}

Interactive Artifact

Create a single HTML file with:

• p5.js from CDN: https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js
• Parameter controls (sliders)
• Seed navigation (prev/next/random)
• Regenerate/Reset buttons

Important Notes

Missing Templates: The templates/viewer.html and templates/generator_template.js are not included. Build the HTML artifact from scratch using the structure described in this skill.

Qwen Code Integration

Use /skills algorithmic-art to invoke manually.