skills.rest
gotar
gotarCOMMUNITY
Explore all skills by this author →
Website𝕏@oskarszrajerGitHub

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
One-click install
npx skills add https://github.com/gotar/opencode-config --skill algorithmic-art-gotar
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Cam10001110101Cam10001110101
7

generative-art

Generate seed-driven generative art as self-contained HTML with p5.js.

Community
Intermediate
Cissou34730Cissou34730

canvas-design

Generate a single-page visual canvas from a design philosophy as PDF or PNG.

Community
Advanced
anbeimeanbeime
5.0k

chrome-automation

Automate Google Chrome browser control via Chrome DevTools Protocol.

Community
Advanced
shuyu-labsshuyu-labs
288

algorithmic-art

Generate reproducible seed-driven generative art with p5.js in HTML.

Official
Advanced