algorithmic-art

Generate p5.js generative art with seeded randomness and an HTML viewer.

Updated Nov 26, 2025

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

Ready to run

npx skills add https://github.com/guiledo/dotfiles --skill algorithmic-art-guiledo

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables creators to craft original algorithmic art workflows by expressing a computational philosophy and converting it into executable p5.js sketches, ensuring reproducibility through seeded randomness.

Core Features & Use Cases

Seeds-driven generation yielding unique artworks that reproduce when the same seed is reused.
Dual-output workflow delivering a philosophy markdown and a self-contained HTML viewer plus a live p5.js sketch.
Interactive parameter exploration enabling iterative refinement and experimentation with generative aesthetics.

Quick Start

Write an algorithmic philosophy and implement a p5.js generative sketch that embodies seeded randomness and interactive parameter exploration.

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 seeded randomness to drive parameter exploration, ensuring the same seed regenerates identical visual outputs across iterations. This approach delivers a philosophy markdown file alongside a self-contained HTML viewer for consistent artwork reproduction.

What is an algorithmic philosophy in creative coding and how does it translate to a p5.js sketch?▼

An algorithmic philosophy in creative coding is a conceptual framework expressing computational aesthetics through code. It translates to a p5.js sketch by defining rules for seeded randomness and interactive parameters, producing both a philosophy markdown document and a live generative artwork.

How do I build a self-contained HTML viewer for interactive generative art?▼

Building a self-contained HTML viewer for interactive generative art involves embedding a p5.js sketch with a customizable parameter panel and optional color controls into a single HTML file. This fixed viewer template enables live parameter exploration without external dependencies.

Can I customize the parameter panel and color controls in a generative art HTML file?▼

Customizing the parameter panel and color controls in a generative art HTML file is supported through the fixed viewer template. Interactive parameter exploration allows iterative refinement of generative aesthetics, with optional color controls integrated directly within the self-contained HTML output.

Does this generative art workflow require external dependencies or components?▼

This generative art workflow requires no external dependencies or components, operating entirely as a self-contained artifact. It outputs a single HTML file containing the p5.js sketch, philosophy markdown, and customizable parameter panel for immediate interactive exploration.

Why does my seeded generative art output change between p5.js sketch iterations?▼

Seeded generative art outputs change between p5.js sketch iterations when the seed value is altered. Applying a fixed seed to drive the randomness ensures reproducible results, allowing the same seed to regenerate identical artworks consistently across multiple iterations.