algorithmic-art

Generate seed-controlled algorithmic art from philosophical descriptions using p5.js.

10|2|Updated Mar 12, 2026

Search Tags:#interactive #p5js #creative-coding #generative #seeded-randomness #algorithmic-art

Ready to run

npx skills add https://github.com/viktorbezdek/skillstack --skill algorithmic-art-viktorbezdek

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables creators to produce sophisticated, seed‑controlled algorithmic art directly in the browser, removing the need for manual coding of generative visuals.

Core Features & Use Cases

Philosophy‑driven generation: Write a generative art manifesto and let the skill translate it into code.
Interactive viewer: Built‑in HTML interface with parameter sliders, color pickers, and seed navigation.
Seeded randomness: Reproduce identical art by reusing seeds, useful for versioning and collaboration.
Use case example: Designers can quickly prototype visual concepts for presentations, installations, or digital assets without writing p5.js from scratch.

Quick Start

Generate a new algorithmic art piece using the skill with seed 12345.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema

How do I generate algorithmic art from a text description using p5.js?▼

To generate algorithmic art, provide a philosophical description or generative art manifesto to the Skill. It translates your text into p5.js code, creating interactive, seed-controlled visuals directly in a web browser without manual coding.

What is seeded randomness in generative art and why is it useful?▼

Seeded randomness in generative art uses a specific numeric seed to initialize random number generation. It allows you to reproduce identical visual outputs by reusing the same seed, which is essential for versioning and collaboration.

Can I adjust parameters interactively in the browser for p5.js sketches?▼

Yes, the Skill generates a built-in HTML interface with parameter sliders, color pickers, and seed navigation. This interactive viewer allows you to adjust and control your p5.js sketches directly within a web browser.

Do I need to write HTML and CSS to display p5.js algorithmic art?▼

No manual HTML or CSS coding is required. The Skill handles HTML and CSS integration automatically, producing an interactive viewer interface with parameterized rendering so you can focus on the visual concept.

What's the best way to prototype visual concepts for digital installations without manual p5.js coding?▼

Use this Skill to quickly prototype visual concepts by translating a generative art manifesto into seed-controlled p5.js code. It produces an interactive HTML viewer with parameter sliders, bypassing manual coding for presentations and installations.