New to Claude Skills? Learn how to install them →

Generative Art skills

Free agent skills tagged generative art, ready to install into any SKILL.md-compatible agent.

Pretext Creative Demos

nousresearch

Build engaging browser demos with innovative text layouts.

Design & CreativeintermediateShell228.5k repo

Particle Galaxy

nexu-io

Create stunning real-time particle galaxies with WebGL.

Developer Toolsintermediate84.9k repo

Algorithmic Art

anthropics

Create generative art using p5.js and algorithmic philosophies.

Design & CreativeintermediateNode167.6k repo

Algorithmic Art

Create stunning generative art using p5.js with sophisticated algorithmic philosophies. Design unique computational aesthetics through flow fields, particle systems, noise patterns, and parametric variations. Each artwork is seeded for reproducibility, ensuring identical output for the same parameters. Includes an interactive web viewer with real-time parameter controls, seed navigation for exploring variations, and export capabilities. Perfect for creating algorithmic posters, digital art installations, and computational design experiments that blend mathematical precision with artistic expression.

p5.js Production Pipeline

p5.js sketches: gen art, shaders, interactive, 3D.

ASCII Video Production

ASCII video: convert video/audio to colored ASCII MP4/GIF.

Voronoi Cells

A self-contained WebGL2 hero: a living Voronoi network with drifting feature points, palette-keyed cells and glowing boundaries; move the cursor to push the cells.

Neon Grid

A real-time synthwave scene — a perspective floor grid scrolling toward a banded retro sun under a neon starfield, all from one fragment shader. No textures. Rendered as a single self-contained `index.html`. Use when the brief asks for "synthwave", "outrun", "retro 80s", "neon grid", "perspective grid", "vaporwave", or a retro-futuristic hero. Open Design serves this in powered-preview mode so the GPU stack actually runs.

Halftone Drift

A self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift.

WebGL Experience

A full-screen, real-time WebGL/WebGL2 experience — animated shaders, 3D scenes, generative visuals, particle fields — rendered live on the GPU with a typographic overlay. Produced as a single self-contained `index.html`. Use when the brief asks for a "WebGL", "shader", "3D", "generative", "GPU", "interactive canvas", "hero animation", or "real-time visual" experience. Open Design serves this in powered-preview mode so the GPU stack actually runs.