Logo
Agent Skills
  • Skills
  • Category
  • Publishers
  • Cookbook
  • Blog
Logo
Agent Skills
SkillsDesign & Creativealgorithmic-art
Featuredjavascript

algorithmic-art

by Anthropic•Design & Creative

Create generative art using p5.js with seeded randomness, flow fields, and particle systems

420downloads
48stars
~380tokens

Quick Install

One command to add this skill

Terminal
$ mkdir -p ~/.claude/skills/algorithmic-art && curl -L https://raw.githubusercontent.com/anthropics/skills/main/skills/algorithmic-art/SKILL.md > ~/.claude/skills/algorithmic-art/SKILL.md

Instructions

SKILL.md

Back

Prerequisites

  • Node.js
  • p5.js library

Security & Permissions

1 permission required

  • No network access required
  • Can modify files on disk
  • No shell command execution

Details

Published
2026/01/09
Language
javascript
Token Est.
~380

Resources

  • GitHub Repository

Tags

artgenerativep5jscreative
Logo
Agent Skills

Discover and download skills for Claude Code and other AI agents

GitHub
Skills
  • Category
  • Publishers
  • Cookbook
Resources
  • Blog
  • GitHub
Legal
  • Privacy Policy
  • Terms of Service
Copyright © 2026 All Rights Reserved.

Algorithmic Art Skill

Create beautiful generative art using p5.js and creative coding techniques.

Features

  • Seeded Randomness: Reproducible random generation
  • Flow Fields: Create organic, flowing patterns
  • Particle Systems: Dynamic particle-based animations
  • Color Palettes: Curated color schemes

Example

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

function draw() {
  background(20);
  for (let i = 0; i < 1000; i++) {
    let x = random(width);
    let y = random(height);
    let size = noise(x * 0.01, y * 0.01) * 20;
    fill(random(255), random(255), random(255), 150);
    ellipse(x, y, size, size);
  }
}