algorithmic-art

Generate original algorithmic art in the browser with p5.js and seeded randomness.

26|1|Updated Jan 6, 2026

Search Tags:#p5.js #interactive #visualization #generative-art #seeded-randomness #algorithmic-philosophy

Ready to run

npx skills add https://github.com/gotar/opencode-config --skill algorithmic-art-gotar

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating original, repeatable algorithmic art can be challenging without a structured approach or reusable toolkit. This Skill provides a framework for building code-driven visuals that are generated from mathematical rules, seeded randomness, and interactive exploration.

Core Features & Use Cases

Generative art in the browser: Develop visuals driven by precise algorithms rather than static images.
Seeded randomness and interactive exploration: Ensure reproducibility across runs while allowing parameter tuning and real-time feedback.
Use Case: Designers prototyping gallery pieces, educators teaching generative systems, and developers exploring procedural aesthetics using p5.js.

Quick Start

Load the skill's self-contained artifact in a browser. It includes a p5.js-based canvas and a parameter UI that lets you adjust seeds and core variables without any setup.

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 in a browser using p5.js?▼

Generative art in a browser using p5.js is created by loading a self-contained artifact with a parameter UI, allowing you to adjust seeds and core variables for real-time visual feedback without local installation. It provides a structured framework for code-driven visuals.

How does seeded randomness work for reproducible algorithmic art?▼

Seeded randomness in algorithmic art ensures reproducibility across runs by using a defined initial seed value, allowing you to generate identical visuals repeatedly while still exploring parameter-driven evolution and mathematical rules.

Can I build interactive p5.js visualizations without local setup?▼

Yes, you can build interactive p5.js visualizations without local setup by using a self-contained artifact that loads via CDN access. This allows designers and educators to prototype gallery pieces and teach generative systems directly in the browser.

What is the best way to prototype flow fields and particle systems online?▼

The best way to prototype flow fields and particle systems online is using a structured p5.js framework with interactive parameter controls, allowing real-time feedback and seeded randomness for artistic exploration and portfolio work.

Do I need to install p5.js to generate algorithmic art?▼

No, you do not need to install p5.js locally to generate algorithmic art. The skill requires only a browser with CDN access to p5.js, utilizing a self-contained artifact to provide a canvas and parameter UI without any setup.

Why use seeded randomness instead of standard random numbers for generative art?▼

Seeded randomness is used instead of standard random numbers to ensure reproducibility across runs, allowing you to tune parameters and revisit specific visual states. This provides a reliable framework for mathematical rule-driven artistic exploration.