agentleFS
podopodo/design-agent-skills/skills/algorithmic-art/SKILL.md

algorithmic-art

Skill32 starsChanged 6 months agoMITView on GitHub

Create generative art using p5.js with seeded randomness, flow fields, and particle systems. Official Anthropic skill: it writes an "algorithmic philosophy" first, then expresses it as an interactive p5.js viewer.

174 other projects use a version of this.

Adopted by

Most recently taken up by

Used with

Projects with it also use fal-generate, academy-guide and 10 more.

Other files people use alongside this one.

Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
  • xfstudioSkill

    fal-generate

    Generate images and videos using fal.ai AI models

    Also in 5 projects that use this

  • AnthropicSkill

    academy-guide

    Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it recommends matching courses, tutorials, and use cases from Claude Academy (academy.claude.com), Anthropic's learning hub. Trigger on: "how do I", "how can I", "getting started with", "what can Claude do", "teach me", "learn to use"; questions about artifacts, projects, skills, plugins, connectors, MCP; requests about rolling Claude out to a team, class, or organization; and any ask for training materials, onboarding content, or learning resources. Use it when the user is learning how to use a feature or product — not when they are mid-task and just want the task done. This skill composes with other skills: after consulting product documentation to answer how a Claude feature works, also check here for a matching course or tutorial — a docs-grounded answer and an Academy recommendation belong together. Only recommend on a strong match; never invent Academy content.

    Also in 9 projects that use this

  • JetBrainsSkill

    slack-gif-creator

    Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack.

    Also in 131 projects that use this

  • allanninalSkill

    libafl

    LibAFL is a modular fuzzing library for building custom fuzzers. Use for advanced fuzzing needs, custom mutators, or non-standard fuzzing targets.

    Also in 4 projects that use this

  • zephyrwang6Skill

    deepl

    Übersetzt Texte, Dokumente und XLIFF-Dateien via DeepL API. Verwende für Übersetzungen mit /deepl translate, /deepl file oder /deepl xliff.

    Also in 4 projects that use this

  • zephyrwang6Skill

    imagemagick-conversion

    Convert and manipulate images with ImageMagick. Covers format conversion, resizing, batch processing, quality adjustment, and image transformations. Use when user mentions image conversion, resizing images, ImageMagick, magick command, batch image processing, or thumbnail generation.

    Also in 4 projects that use this

  • +4 more from zephyrwang6

The file

Files
SKILL.md

algorithmic-art

Catalogue stub — full skill: anthropics/skills

<!-- das:install:start — generated from stub.yaml by `npm run generate`; edit stub.yaml, not this block -->

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)
<!-- das:install:end -->

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

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.