algorithmic-art

Installation
SKILL.md

Algorithmic Art Creation

Overview

Algorithmic art (or generative art) uses autonomous systems, algorithms, and mathematics to create visual art. This skill should be invoked when the user requests generative visual components, flow fields, particle systems, or complex mathematically driven sketches. It often utilizes web technologies like HTML5 Canvas or visual libraries like p5.js.

Core Principles

  • Controlled Randomness: Pure randomness is chaos; seeded randomness and noise (like Perlin or Simplex noise) create organic, aesthetically pleasing patterns.
  • Parametric Design: Expose key variables (colors, densities, speeds) as parameters that can be tweaked or randomized.
  • Performance: Generative art can be computationally heavy. Optimize loops, limit particle counts, and use off-screen canvases if necessary.
  • Emergence: Simple rules applied to many agents (like particles) lead to complex, beautiful emergent behaviors.

Preparation Checklist

  • Identify the core concept (e.g., recursive trees, flow fields, cellular automata).
  • Select the technology stack (e.g., Vanilla Canvas API, p5.js, Three.js).
  • Define the color palette and aesthetic goal.
Installs
1
GitHub Stars
3
First Seen
4 days ago
algorithmic-art — heldinhow/awesome-opencode-dev-skills