skills.rest
pchemguy
pchemguyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

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

Updated Feb 4, 2026
Search Tags:#seeded randomness#p5.js#creative coding#generative art#algorithmic art#particle systems#html artifact
One-click install
npx skills add https://github.com/pchemguy/AISandbox --skill algorithmic-art-pchemguy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/pchemguy/AISandbox/tree/main/docs/AgentSkills/anthropics/skills/skills/algorithmic-art
Command: npx skills add https://github.com/pchemguy/AISandbox --skill algorithmic-art-pchemguy

SYSTEM DOCUMENTATION & REQUIREMENTS

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 self-contained HTML artifacts using seeded randomness (randomSeed/noiseSeed) so every seed reproduces identical output, Art Blocks style. - 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; receive a philosophy document plus a single HTML file you can open in any browser and explore across hundreds of seeds. ## Quick Start Create an algorithmic art piece about emergent flocking behavior with an interactive seed explorer.

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, call randomSeed and noiseSeed in setup, then implement your algorithm in setup or draw. This Skill wraps that process by first writing an algorithmic philosophy, then expressing it as a self-contained HTML artifact with 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 users explore different seeds to discover unique compositions.

Does the generated art work outside claude.ai?▼

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 without a server, build step, or additional dependencies.

Can I customize the parameters and colors of the artwork?▼

Yes, the viewer template includes a sidebar with sliders for numeric parameters, optional color pickers, and seed navigation controls. Parameter ranges and control types are defined per artwork based on what the algorithm needs.

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

The instructions explicitly require creating original algorithmic art rather than imitating existing artists to avoid copyright violations. The two-step philosophy-first process ensures each piece emerges from an original computational concept.

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
PgooonePgooone

ckm:banner-design

Generates multi-format banner designs for social media, ads, web heroes, and print with AI-generated visuals.

Community
Advanced
shirulotshirulot

illustrator

Guide professional illustration workflows from brief interpretation to composition critique.

Community
Advanced
CoRLab-TechCoRLab-Tech

figma-illustration-import

Import Figma vector illustrations into React components with SVG/PNG assets and Storybook stories.

Official
Intermediate