skills.rest
prabaljainn
prabaljainnCOMMUNITY
Explore all skills by this author →
𝕏@prabaljainnGitHub

algorithmic-art

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

Updated Aug 17, 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/prabaljainn/my-claude-code-setup --skill algorithmic-art-prabaljainn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/prabaljainn/my-claude-code-setup/tree/main/claude/skills/algorithmic-art
Command: npx skills add https://github.com/prabaljainn/my-claude-code-setup --skill algorithmic-art-prabaljainn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating original generative art in code requires both an aesthetic concept and a working interactive implementation, which is difficult to produce from scratch in one pass. ## Core Features & Use Cases - Algorithmic Philosophy Generation: Produces a 4-6 paragraph generative art manifesto (.md) that guides the visual direction before any code is written. - p5.js Implementation: Builds a self-contained HTML artifact with seeded randomness, reproducible output, and a unique algorithm expressing the philosophy. - Interactive Viewer: Ships a branded viewer template with seed navigation (prev/next/random/jump), parameter sliders, color pickers, and reset/download actions. - Use Case: Ask for a flow-field artwork inspired by ocean currents and receive a philosophy document plus a single HTML file you can open in any browser to explore thousands of seed variations. ## Quick Start Create an algorithmic art piece about emergent flocking behavior 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 a seeded parameters object, call randomSeed and noiseSeed in setup, then implement your algorithm in setup and draw. This skill generates the full HTML artifact with the algorithm, UI controls, and p5.js loaded from CDN.

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 each seed yields a unique but repeatable composition.

Does the generated art work outside claude.ai artifacts?▼

Yes, the output is a single self-contained HTML file with p5.js loaded from a CDN and all code inline. It runs in any modern browser with no server, build step, or external files required.

Can I explore different variations of the same algorithm?▼

Yes, the viewer template includes seed navigation with previous, next, random, and jump-to-seed controls. Changing the seed regenerates the artwork while keeping the same algorithm and parameters.

Why does the skill avoid copying existing artists' styles?▼

The skill creates original algorithmic philosophies rather than imitating named artists to avoid copyright violations. It derives a subtle conceptual seed from the user's request and expresses it through original generative algorithms.

Related Skills

Explore More Design & Creative Skills→
AIDotNetAIDotNet
634

creative-production-moodboard-explorer

Generates image-first mood boards with intake, batch image generation, and inline MCP review.

Official
Advanced
polaris-dxzpolaris-dxz
1

algorithmic-art

Convert artistic intent into a seed-based p5.js generative art workflow in HTML.

Community
Advanced
pmksharpmkshar

color-palette-extractor

Extract dominant colors from images and generate complementary palettes.

Community
Intermediate
InverterNetworkInverterNetwork

touchdesigner-mcp

Control TouchDesigner instances via the twozero MCP protocol to automate visual network construction.

Official
Advanced