algorithmic-art

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

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/NT-boop-star/BRMV-tract --skill algorithmic-art-nt-boop-star
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/NT-boop-star/BRMV-tract/tree/main/antigravity/skills/algorithmic-art
Command: npx skills add https://github.com/NT-boop-star/BRMV-tract --skill algorithmic-art-nt-boop-star

SYSTEM DOCUMENTATION & REQUIREMENTS

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 guides the creation of algorithmic art through a two-step process: first defining an algorithmic philosophy, then expressing it as an interactive p5.js artwork. ## Core Features & Use Cases - Algorithmic Philosophy Generation: Produces a 4-6 paragraph manifesto describing a generative aesthetic movement before any code is written. - Interactive p5.js Artifacts: Builds self-contained HTML files with seeded randomness, parameter sliders, color pickers, and seed navigation (previous/next/random/jump). - Reproducible Output: Uses randomSeed and noiseSeed so the same seed always produces identical artwork, with a Download PNG option. - Use Case: A user asks for generative art inspired by ocean currents. The Skill writes a philosophy about flow and turbulence, then delivers a single HTML file with a particle flow field, tunable parameters, and Anthropic-branded UI that runs in any browser. ## Quick Start Create an algorithmic art piece about emergent complexity with an interactive viewer I can open in my browser.

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 an algorithmic philosophy describing the computational aesthetic, then implement it as a p5.js sketch with setup and draw functions. Use randomSeed and noiseSeed for reproducibility, and expose tunable parameters through slider controls in the HTML viewer.

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 with previous, next, and random buttons.

Does the generated art require a server to run?

No, the output is a single self-contained HTML file with p5.js loaded from a CDN and all code inline. It works immediately in any browser or as a claude.ai artifact without any server or build step.

Can I customize the parameters of the generated artwork?

Yes, each artwork includes a sidebar with sliders for numeric parameters, optional color pickers, and seed controls. Changing a parameter updates the art in real time, and a Reset button restores default values.

Why should I avoid copying existing artists' styles in generative art?

Copying existing artists' work risks copyright violations. The Skill creates original algorithmic philosophies and implementations instead, deriving the aesthetic from computational concepts like noise fields, particle dynamics, and emergent behavior.