skills.rest
polyuiislab
polyuiislabCOMMUNITY
Explore all skills by this author →
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
One-click install
npx skills add https://github.com/polyuiislab/infiAgent --skill algorithmic-art-polyuiislab
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
taracodlabstaracodlabs
779

p5js

Create self-contained p5.js sketches as standalone HTML files.

Official
Intermediate
robertbr123robertbr123

p5js

Creates interactive and generative visual art with p5.js.

Community
Advanced
ricablericable

algorithmic-art

Create reproducible p5.js generative art with seeded randomness and palette control.

Community
Intermediate
gaoqiongxiegaoqiongxie
1

algorithmic-art

Generate seed-controlled procedural art with p5.js and Canvas 2D API.

Community
Intermediate