algorithmic-art

Generate p5.js generative art with interactive HTML controls for seeded randomness.

Updated Feb 3, 2026

Search Tags:#p5.js #generative art #interactive art #algorithmic art #flow fields #particle systems #computational creativity

Ready to run

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

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill empowers users to create original algorithmic art by defining a computational philosophy and then expressing it through interactive p5.js sketches, moving beyond static images to living algorithms.

Core Features & Use Cases

Algorithmic Philosophy Creation: Define a unique generative art movement with specific computational principles.
Interactive p5.js Art Generation: Translate philosophies into dynamic, explorable visual art using seeded randomness and parametric controls.
Use Case: A user can request art based on "Organic Turbulence," and the Skill will generate a philosophy for it, then produce an interactive HTML artifact where they can explore variations by adjusting parameters like particle count and flow speed.

Quick Start

Use the algorithmic-art skill to generate a p5.js sketch based on the philosophy of "Organic Turbulence".

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema

How do I generate generative art with p5.js based on an algorithmic philosophy?▼

To generate generative art with p5.js, you define a computational philosophy like Organic Turbulence, and the algorithmic-art Skill translates it into an interactive HTML artifact with parametric controls for seeded randomness.

Can I create interactive flow fields and particle systems using p5.js?▼

Yes, you can create interactive flow fields and particle systems using p5.js. The Skill supports various generative art concepts including emergent behavior, translating them into self-contained HTML sketches with adjustable parameters.

Do I need to write my own p5.js code to explore computational creativity?▼

No, you do not need to write your own p5.js code to explore computational creativity. The Skill automatically generates both the philosophy document and the self-contained HTML artifact for parametric exploration.

What is the best way to explore variations in algorithmic art without changing code?▼

The best way to explore variations in algorithmic art without changing code is using interactive controls for seeded randomness and parametric exploration, allowing you to adjust parameters like particle count and flow speed directly in the generated HTML artifact.

Does this generative art tool support emergent behavior in computational creativity?▼

Yes, this generative art tool supports emergent behavior in computational creativity. It creates dynamic p5.js sketches based on user-defined algorithmic philosophies and supports flow fields and particle systems.