skills.rest
adrianasiam19
adrianasiam19COMMUNITY
Explore all skills by this author →
GitHub

algorithmic-art

Creates generative art with p5.js using seeded randomness and interactive parameter controls.

Updated Jan 31, 2026
Search Tags:#seeded randomness#p5.js#creative coding#generative art#algorithmic art#flow fields#particle systems
One-click install
npx skills add https://github.com/adrianasiam19/ATLAS --skill algorithmic-art-adrianasiam19
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/adrianasiam19/ATLAS/tree/main/.agent/skills/algorithmic-art
Command: npx skills add https://github.com/adrianasiam19/ATLAS --skill algorithmic-art-adrianasiam19

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires p5.js.

What problem does it solve? Creating original generative art requires both a coherent aesthetic concept and working code, which is difficult to produce consistently from scratch. This Skill bridges that gap by first authoring an algorithmic philosophy and then expressing it as a reproducible, interactive p5.js artwork. ## Core Features & Use Cases - Algorithmic Philosophy Authoring: Generates a 4-6 paragraph generative art manifesto (e.g., flow fields, particle systems, recursive structures) that guides the implementation. - Seeded Reproducible Art: Produces p5.js sketches using randomSeed/noiseSeed so the same seed always yields identical output, with seed navigation (prev/next/random/jump). - Interactive HTML Viewer: Outputs a single self-contained HTML artifact built from templates/viewer.html with Anthropic branding, parameter sliders, color pickers, and reset/regenerate actions. - Use Case: A user asks for generative art inspired by ocean currents; the Skill writes a philosophy about fluid emergence, then delivers an interactive flow-field artwork with tunable particle count, noise scale, and palette. ## Quick Start Create an original piece of algorithmic art about quantum harmonics as an interactive p5.js HTML artifact with seed controls.

Frequently Asked Questions about algorithmic-art

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create generative art with p5.js?▼

Define a seeded parameter object, initialize randomSeed and noiseSeed in setup, then build your algorithm in draw using particles, flow fields, or recursive structures. This Skill generates the full interactive HTML artifact including UI controls for you.

What is seeded randomness in generative art?▼

Seeded randomness initializes p5.js random and noise functions with a fixed seed value so the same seed always produces identical output. This enables reproducible Art Blocks-style variations where users can navigate seeds to explore different results.

Can I run the generated art outside of claude.ai?▼

Yes, the output is a single self-contained HTML file with p5.js loaded from a CDN and all code inline. Save the file and open it in any browser, or share it directly since no server or build step is required.

How do I make p5.js art reproducible across runs?▼

Call randomSeed(seed) and noiseSeed(seed) before any random or noise calls in your sketch. Every subsequent random value becomes deterministic, so the same seed always regenerates the exact same artwork.

What are the limitations of browser-based generative art?▼

Very high particle counts or expensive per-frame calculations can drop frame rates in the browser. Reduce element counts, precompute values, or use noLoop for static compositions when performance becomes an issue.

Related Skills

Explore More Design & Creative Skills→
miptah21miptah21
2

canvas-design

Create visual design philosophies as single-page PDF or PNG canvas artworks.

Community
Advanced
crossxwillcrossxwill
5

canvas-design

Translate an abstract brief into a single-page PDF or PNG canvas.

Community
Advanced
invariantlabs-aiinvariantlabs-ai
2.9k

algorithmic-art

Generate philosophy-driven generative art with seeded p5.js in self-contained HTML.

Official
Advanced
rheadshrheadsh
38

td-glsl

Create and modify GLSL shaders for TouchDesigner's visual programming environment.

Community
Intermediate