Verified:GitHub

algorithmic-art

Generate seed-based, reproducible p5.js generative art in an interactive HTML viewer.

1.2k|53|Updated Dec 24, 2025

Search Tags:#p5.js #creative-coding #generative-art #interactive-art #seeded-randomness #algorithmic-philosophy #procedural-generation

Ready to run

npx skills add https://github.com/polyuiislab/infiAgent --skill algorithmic-art-polyuiislab

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/polyuiislab/infiAgent/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/polyuiislab/infiAgent --skill algorithmic-art-polyuiislab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables artists and developers to craft reproducible, seed-driven generative art workflows by providing a philosophy-driven blueprint and a self-contained HTML artifact, avoiding ad-hoc tooling and enabling consistent experimentation.

Core Features & Use Cases

Seeded randomness for reproducible outputs and exploration of parameter spaces
Philosophy-driven algorithm to express computational aesthetics in code
Self-contained HTML artifact based on a fixed template with UI for seeds, parameters, and colors
Interactive viewer that can be opened in any browser or embedded in Claude-style artifacts
Clear guidance for building and customizing a generative art system from philosophy to code

Quick Start

Open the skill and start tweaking the seed and parameters to generate your first seed-driven generative art piece.

Frequently Asked Questions about algorithmic-art

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create reproducible generative art with p5.js using seeded randomness?▼

Reproducible generative art with p5.js uses a seed value to initialize deterministic randomness, ensuring identical parameter inputs produce the exact same visual output across multiple render cycles. This Skill provides a philosophy-driven blueprint and self-contained HTML artifact to achieve that.

What is seed-driven procedural generation and how does it control visual outputs?▼

Seed-driven procedural generation uses a fixed numeric seed to drive pseudorandom number generators, guaranteeing that the same seed and parameter combination always recreates the identical artwork while different seeds explore new visual variations.

How do I build a parameter-driven interactive art viewer in a self-contained HTML file?▼

You build an interactive art viewer by embedding p5.js sketch logic within a single HTML template that includes UI controls for adjusting seeds, parameters, and color palettes, which can be opened directly in any browser or embedded as an artifact.

Can I customize the color palettes and parameters in a generative art system without external dependencies?▼

Yes, the provided self-contained HTML artifact includes built-in UI controls that allow you to tweak color palettes, adjust generative parameters, and modify seeds directly within the viewer interface without requiring external libraries or dependencies.

What's the best way to explore parameter spaces in generative art workflows?▼

The best way to explore parameter spaces is by using an interactive viewer with UI controls to systematically adjust seeds and variables, allowing you to generate reproducible variations and compare exploratory artifacts side by side.

Why does my p5.js generative artwork look different every time I refresh the browser?▼

Your p5.js artwork changes on refresh because the random number generator is not seeded; applying seed-driven randomness fixes a numeric starting point, ensuring the procedural generation algorithm produces identical, reproducible outputs every time.