algorithmic-art

Create seeded p5.js generative art as self-contained HTML artifacts.

5|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill algorithmic-art-lidge-jun
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/lidge-jun/cli-jaw-skills/tree/main/algorithmic-art
Command: npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill algorithmic-art-lidge-jun

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables the creation of unique, computationally generated art pieces, moving beyond static images to explore emergent behavior and mathematical beauty through code.

Core Features & Use Cases

  • Algorithmic Philosophy Creation: Define a unique generative art movement with a manifesto.
  • p5.js Implementation: Express the philosophy through interactive, seeded generative art.
  • Interactive Artifacts: Generate self-contained HTML files that can be explored in any browser.
  • Use Case: A user requests generative art based on "organic turbulence." This Skill first defines a philosophy for this movement, then generates a p5.js sketch that visualizes flow fields and particle systems, allowing the user to explore variations via seeded randomness.

Quick Start

Use the algorithmic-art skill to create generative art based on the concept of "emergent stillness."

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 with p5.js using seeded randomness?

Generative art with p5.js uses seeded randomness to create reproducible computational patterns. You define an algorithmic philosophy, which the tool translates into a self-contained HTML artifact for interactive exploration of emergent behavior and parametric variation.

What is algorithmic art and how does emergent behavior work in computational creativity?

Algorithmic art is visual output generated through mathematical processes and code rules. Emergent behavior arises when simple parametric variations interact, producing complex aesthetics that can be explored interactively via p5.js sketches in a browser.

Can I generate interactive HTML artifacts for generative art without external dependencies?

Yes, this approach generates self-contained HTML artifacts that run in any standard browser. The output requires no external dependencies beyond the included p5.js library, ensuring your interactive computational art is portable.

How do I define an algorithmic philosophy to guide computational creativity?

Defining an algorithmic philosophy involves creating a manifesto for your generative art movement. This conceptual framework dictates the rules and parametric variations that the p5.js implementation uses to visualize flow fields, particle systems, or organic turbulence.

Does p5.js support parametric variation for exploring different generative aesthetics?

Yes, p5.js supports parametric variation by applying seeded randomness to computational processes. This allows you to explore different generative aesthetics by adjusting parameters and observing the resulting emergent behavior within the self-contained HTML file.

What's the best way to visualize organic turbulence using flow fields and particle systems?

The best way to visualize organic turbulence is using p5.js to generate flow fields and particle systems. By defining an algorithmic philosophy around turbulence, you create interactive artifacts that computationally model and render these dynamic patterns.