skills.rest
kiranimmadi2
kiranimmadi2COMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

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

Updated May 23, 2026
Search Tags:#seeded randomness#p5.js#creative coding#generative art#interactive art#algorithmic art#particle systems
One-click install
npx skills add https://github.com/kiranimmadi2/promptforge-ai --skill algorithmic-art-kiranimmadi2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/kiranimmadi2/promptforge-ai/tree/main/anthropic-skills/skills/algorithmic-art
Command: npx skills add https://github.com/kiranimmadi2/promptforge-ai --skill algorithmic-art-kiranimmadi2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating original generative art requires both a coherent artistic vision and careful p5.js implementation with reproducible results, which is difficult to achieve consistently from scratch. ## Core Features & Use Cases - Algorithmic Philosophy Generation: Produces a written manifesto defining a computational aesthetic movement before any code is written. - Interactive p5.js Artifacts: Builds self-contained HTML viewers with seeded randomness, parameter sliders, color pickers, and seed navigation. - Reproducible Variations: Uses Art Blocks-style seeded randomness so every seed produces identical, shareable output. - Use Case: A user asks for generative art inspired by ocean currents; the Skill writes a philosophy document, then delivers an interactive HTML artifact with flow-field particles, tunable parameters, and seed exploration controls. ## Quick Start Create an interactive generative art piece about organic turbulence using p5.js with adjustable parameters and 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 an algorithmic philosophy first, then implement it as a p5.js sketch with setup() and draw() functions. Use randomSeed() and noiseSeed() for reproducibility, and expose tunable parameters through UI sliders for exploration.

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 Art Blocks pattern lets users revisit favorite variations and share reproducible results.

Does the generative art viewer 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 opens directly in any browser without a server, build step, or additional dependencies.

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. Each seed generates a unique variation of the same algorithm, and a download button exports the canvas as a PNG.

Why does my p5.js art look different on each run?▼

Without calling randomSeed() and noiseSeed(), p5.js uses unseeded randomness so every run differs. Initialize both with the same seed value at the start of setup to guarantee deterministic, reproducible output.

Related Skills

Explore More Design & Creative Skills→
mike-coulbournmike-coulbourn
37

visual-identity-direction

Translate brand strategy into visual identity direction with mood boards and logo briefs.

Community
Advanced
nextlevelbuildernextlevelbuilder
123.5k

banner-design

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

Official
Intermediate
shirulotshirulot

Color Palette Generator

Generate WCAG-compliant color palettes with contrast ratio calculations.

Community
Intermediate
1thirteeng31thirteeng3

stable-diffusion-image-generation

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

Community
Advanced