mcpField
A
algorithmic-art

algorithmic-art

github.com/podoCreative & media29165 installsUpdated 3d ago
Repository

About algorithmic-art

algorithmic-art is an Anthropic skill for generative art with p5.js, aimed at creative coders and visual experimenters. It first develops an artistic philosophy, then produces seeded p5.js code and an interactive HTML viewer with parameter controls.

Key features

  1. 01Write an artistic philosophy first
  2. 02Generate p5.js art code
  3. 03Create flow fields and particle systems
  4. 04Reproduce results with seeded randomness
  5. 05Output an interactive viewer with controls

Use cases

  1. 01Create procedural illustrations
  2. 02Experiment with flow fields and particles
  3. 03Build generative art with adjustable parameters

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill algorithmic-art

After installing, type/algorithmic-artin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

algorithmic-art

Catalogue stub — full skill: anthropics/skills

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/algorithmic-art/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/algorithmic-art/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as algorithmic-art, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/algorithmic-art ] && echo "global" || echo "project"

    Global:

    npx skills add anthropics/skills --skill algorithmic-art -g -y

    Project:

    npx skills add anthropics/skills --skill algorithmic-art -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: Apache-2.0 (the skill ships its own LICENSE.txt; the repo has no root license)

Invoke after install

  • Skill name: algorithmic-art
  • Trigger phrases: "algorithmic art", "generative art", "p5.js", "flow field", "particle system"

What it does

Official Anthropic skill for creating generative art with p5.js. It works in two steps: first it writes an "algorithmic philosophy" (a short manifesto for the piece), then it expresses that philosophy as seeded-random p5.js code: flow fields, particle systems, geometric progressions. The output is an interactive HTML viewer plus the generative JS, with parameter controls. Seeding keeps outputs reproducible while retaining organic variation. Use it for creative coding, visual experiments, and procedurally generated illustrations.

When NOT to use

  • Static posters or visual art as PNG/PDF → use anthropics-skills (canvas-design)
  • Real-time 3D or shader work → use motion-catalogue to pick a Three.js or shader skill

Comments

Markdown supported