Skip to content
Get packs

Algorithmic Art Generator

Creates generative p5.js art from a written computational philosophy, as HTML and JS files

Source Download skill
Repository
sickn33/agentic-awesome-skills
Stars
49,023
Licence
MIT
Files
4 files

What it does

When installed, the agent first writes a short manifesto-style 'algorithmic philosophy' describing a generative art movement, then turns it into an interactive p5.js sketch saved as HTML and JavaScript files you can open in a browser. Output is driven by seeded randomness, noise fields, particles and parameters, so each seed produces a different piece. The skill ships a starter JavaScript template and a browser viewer to organise parameters and palettes.

Great for

  • Artists or designers who want code-generated visual pieces they can tweak in a browser
  • Developers learning p5.js structure with a ready template for parameters and seeds
  • Creators exploring generative art ideas from a written concept

Skip it if

  • Users who need photographic or precise brand artwork, since results are procedural and unpredictable (may need many iterations)
  • Anyone expecting the agent to report real craftsmanship or testing: the skill's prose encourages claims of hours of tuning, which the agent should not invent

Try asking

  • “Create an algorithmic art piece called 'Organic Turbulence' using flow fields and Perlin noise, as an interactive HTML viewer”
  • “Make a generative sketch inspired by recursive branching, with a seed I can change in the browser”
  • “Write an algorithmic philosophy for a generative art movement, then build the p5.js version”
Step-by-step guide: how to use Algorithmic Art GeneratorInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 4 original files, the MIT licence and an attribution note.

    algorithmic-art.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip algorithmic-art.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip algorithmic-art.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give a clear creative brief (mood, palette, scope) so the philosophy reflects your intent
  • Change the seed and parameters in the generated file to explore variations
  • Review the generated JavaScript before opening it, since it is code you will run in your browser

What's inside

  • LICENSE.txt
  • SKILL.md
  • templates/generator_template.js
  • templates/viewer.html

Redistributed unmodified from sickn33/agentic-awesome-skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.