agentleFS
drinkspillerdrinkspiller/skills/algorithmic_art/SKILL.md

algorithmic-art

Skill1 starsChanged 6 days agoUnlicenseView on GitHub

Create algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Produces original algorithmic art with interactive HTML viewers.

174 other projects use a version of this, 3 of them edited.

Adopted by

Most recently taken up by

Used with

Projects with it also use fal-generate, academy-guide and 9 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

We split this skill into the rules it gives an agent

5 rules. 0 are common, 3 are distinctive, and 2 are very specific to this project.

  • 0

    Common

    Most of the 167 edited versions we read keep these.

  • 3

    Distinctive

    This author's own choices. Worth a look.

  • 2

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Very specific:

    Create computational art expressed through p5.js generative algorithms.

    line 12
  2. Distinctive:

    Create an ALGORITHMIC PHILOSOPHY (not static images or templates) that will be interpreted through: - Computational processes, emergent …

    line 21
  3. Distinctive:

    Guidelines: - Avoid redundancy — each algorithmic aspect mentioned once - Emphasize craftsmanship — the algorithm should appear …

    line 42
  4. Distinctive:

    Leave creative space for implementation choices

    line 44
  5. Very specific:

    All inline — no external files except p5.js CDN

    line 73

“Common” is measured: kept by at least 6 in 10 of the 167 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

Algorithmic Art

Create computational art expressed through p5.js generative algorithms. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).

This happens in two steps: 1. Algorithmic Philosophy Creation (.md file) 2. Express by creating p5.js generative art (.html + .js files)

Step 1: Algorithmic Philosophy Creation

Create an ALGORITHMIC PHILOSOPHY (not static images or templates) that will be interpreted through: - Computational processes, emergent behavior, mathematical beauty - Seeded randomness, noise fields, organic systems - Particles, flows, fields, forces - Parametric variation and controlled chaos

The Critical Understanding

  • What is received: Subtle input from the user as a foundation — it should not constrain creative freedom.
  • What is created: An algorithmic philosophy/generative aesthetic movement.
  • What happens next: Express the philosophy in code — creating p5.js sketches that are 90% algorithmic generation, 10% essential parameters.

How to Generate an Algorithmic Philosophy

Name the movement (1-2 words): "Organic Turbulence" / "Quantum Harmonics"

Articulate the philosophy (4-6 paragraphs): Express how this philosophy manifests through computational processes, noise functions, particle behaviors, temporal evolution, and parametric variation.

Guidelines: - Avoid redundancy — each algorithmic aspect mentioned once - Emphasize craftsmanship — the algorithm should appear meticulously crafted - Leave creative space for implementation choices

Step 2: p5.js Implementation

Technical Requirements

Seeded Randomness (Art Blocks Pattern): javascript let seed = 12345; randomSeed(seed); noiseSeed(seed);

Parameter Structure: javascript let params = { seed: 12345, // Add parameters that control YOUR algorithm: // Quantities, scales, probabilities, ratios, angles, thresholds };

Craftsmanship Requirements

  • Balance: Complexity without visual noise, order without rigidity
  • Color Harmony: Thoughtful palettes, not random RGB values
  • Composition: Even in randomness, maintain visual hierarchy and flow
  • Performance: Smooth execution, optimized for real-time if animated
  • Reproducibility: Same seed ALWAYS produces identical output

Output Format

  1. Algorithmic Philosophy — As markdown
  2. Single HTML Artifact — Self-contained interactive generative art with:
    • p5.js from CDN
    • The algorithm
    • Parameter controls (sliders for numeric params)
    • Seed navigation (prev/next/random/jump)
    • All inline — no external files except p5.js CDN

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.