Algorithmic Art

94TrustedShips scripts

Generative aesthetic movements and interactive p5.js code visualizers.

What it does

Algorithmic Art shifts the assistant from simple task execution toward a structured role as a digital artist. By establishing a conceptual foundation before generating code, it ensures that visual outputs are rooted in a specific creative philosophy rather than arbitrary pixel placement. The assistant develops a formal manifesto followed by the necessary JavaScript and HTML to bring these concepts to life. This process forces a deliberate approach where the internal logic and mathematical rules of the piece are defined in advance, resulting in interactive visuals that favor emergent complexity over static graphics. Use this when the goal is to explore how abstract themes like particle dynamics, force fields, or noise-driven randomness translate into functional, browser-based sketches.

When it earns its place

Reach for it when…

Apply this for creative projects that require custom generative visuals, such as prototyping complex motion patterns, exploring mathematical beauty through code, or producing standalone web-based art experiences. It is ideal when you need a cohesive aesthetic vision combined with the technical implementation of p5.js sketches.

Look elsewhere when…

Do not use this for rendering static images, manipulating existing photographs, or creating traditional graphic design assets like logos or interface icons. It is also unsuitable for high-performance animation projects requiring heavy hardware acceleration or complex 3D physics engines outside the scope of standard p5.js capabilities.

What to say to use it

You never invoke a skill directly — the assistant picks it up when your request matches what it covers. These are the kinds of things that do that.

  • create some generative art based on the concept of swarm intelligence
  • write an algorithmic philosophy and p5.js script for a flow field visualization
  • can you make a p5.js sketch that represents quantum interference patterns
  • develop an aesthetic manifesto for a piece about chaotic wave movement

Install it

Install for all your projects

Copy the skill directory into your personal skills folder. Claude picks it up on its own the next time your request matches what it does — there is nothing to enable.

bash
git clone --depth 1 --branch main https://github.com/anthropics/skills.git /tmp/skills
mkdir -p ~/.claude/skills
cp -r /tmp/skills/skills/algorithmic-art ~/.claude/skills/algorithmic-art

Install for one project only

Put it in the project's own skills folder instead, so it can be committed and shared with everyone working on that repository.

bash
cp -r /tmp/skills/skills/algorithmic-art .claude/skills/algorithmic-art

If a skill of the same name exists in both places, the personal one wins.

Installing on Claude.ai or through the API instead? The full guide covers every surface.

Pair it with an MCP server