skills.rest
robot-denny
robot-dennyCOMMUNITY
Explore all skills by this author →
GitHub

algorithmic-art

Generates seeded p5.js generative art with interactive parameter controls in self-contained HTML files.

Updated May 26, 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/robot-denny/ai-sketchlab --skill algorithmic-art-robot-denny
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/robot-denny/ai-sketchlab/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/robot-denny/ai-sketchlab --skill algorithmic-art-robot-denny

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; this Skill bridges that gap by first authoring an algorithmic philosophy and then expressing it as a reproducible p5.js artwork. ## Core Features & Use Cases - Algorithmic Philosophy Authoring: Produces a 4-6 paragraph generative art manifesto (.md) that guides the visual direction before any code is written. - Seeded p5.js Generation: Builds flow fields, particle systems, and noise-based compositions with seeded randomness so every seed reproduces identical output. - Interactive Viewer: Outputs a single self-contained HTML artifact with seed navigation (prev/next/random/jump), parameter sliders, color pickers, and reset/download actions. - Use Case: Ask for a generative artwork inspired by ocean currents, and receive a philosophy document plus an interactive HTML piece where you explore 100 seed variations and tune particle count, noise scale, and palette live. ## Quick Start Create an algorithmic art piece about organic turbulence 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 first, then implement it as a p5.js sketch with setup() and draw() functions. Use randomSeed() and noiseSeed() so every run with the same seed reproduces identical output.

What is seeded randomness in generative art?▼

Seeded randomness initializes p5.js random() and noise() with a fixed seed value, making the artwork fully reproducible. The same seed always produces the same image, while different seeds reveal new variations of the same algorithm.

Does the generated art work in a browser without a server?▼

Yes, the output is a single self-contained HTML file with p5.js loaded from a CDN and all code inline. It opens directly in any browser or runs as a claude.ai artifact with no setup required.

Can I explore different variations of the same artwork?▼

Yes, the viewer includes seed navigation with previous, next, random, and jump-to-seed controls. Each seed generates a unique variation while the underlying algorithm and parameters stay consistent.

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 compositions instead, using computational processes like flow fields and particle systems as the creative foundation.

Related Skills

Explore More Design & Creative Skills→
Spectra29115Spectra29115

branding-generator

Generate brand identity kits with logos, color palettes, typography, and style guides.

Community
Advanced
nextlevelbuildernextlevelbuilder
123.5k

banner-design

Design and export multi-format banners for social media, ads, web heroes, and print.

Official
Intermediate
curiositechcuriositech
181

web-design-expert

Generate web designs with brand identity, color palettes, typography, and UI/UX patterns.

Official
Intermediate
1thirteeng31thirteeng3

stable-diffusion-image-generation

Generate photorealistic images from text prompts using Stable Diffusion via Diffusers.

Community
Advanced