skills.rest
alexajuno
alexajunoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

Generate p5.js-based algorithmic art with seeded randomness and adjustable parameters.

Updated Feb 16, 2026
Search Tags:#p5.js#generative art#interactive art#algorithmic art#flow fields#particle systems#computational creativity
One-click install
npx skills add https://github.com/alexajuno/dotfiles --skill algorithmic-art-alexajuno
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/alexajuno/dotfiles/tree/main/dot_claude/plugins/marketplaces/anthropic-agent-skills/skills/algorithmic-art
Command: npx skills add https://github.com/alexajuno/dotfiles --skill algorithmic-art-alexajuno

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables users to create original algorithmic art by defining a computational philosophy and expressing it through interactive p5.js sketches, moving beyond static images to dynamic, code-driven aesthetics.

Core Features & Use Cases

  • Algorithmic Philosophy Creation: Define a unique generative art movement with specific computational principles.
  • p5.js Sketch Generation: Translate the philosophy into interactive, seeded generative art using HTML and JavaScript.
  • Interactive Exploration: Explore variations of the art through seeded randomness and parameter tuning.
  • Use Case: A user requests generative art inspired by "organic turbulence." This Skill will first help define a philosophy for "Organic Turbulence," then generate a p5.js sketch that visualizes flow fields and particle systems based on that philosophy, allowing the user to interactively adjust parameters like particle count and flow speed.

Quick Start

Use the algorithmic-art skill to create generative art 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 create generative art using p5.js based on a specific concept?▼

To create generative art with p5.js, you define a computational philosophy—such as organic turbulence—and the Skill translates it into an interactive, seeded sketch. This produces a self-contained HTML artifact visualizing flow fields and particle systems.

What is algorithmic art and how does seeded randomness control it?▼

Algorithmic art uses code-driven rules to generate visual aesthetics, and seeded randomness ensures the generative art is reproducible. By adjusting parameters like particle count and flow speed, you can interactively explore parametric variations of the same mathematical beauty.

Can I use this Skill to generate interactive flow fields and particle systems?▼

Yes, you can generate interactive flow fields and particle systems. The Skill builds a p5.js sketch from your computational philosophy, allowing you to interactively tune parameters and explore emergent behavior within a self-contained HTML artifact.

Do I need to install p5.js to view the generated computational art?▼

No, you do not need to install p5.js separately. The Skill outputs a self-contained HTML artifact that embeds the necessary JavaScript, allowing you to immediately view and interact with your generative aesthetics in a web browser.

What is the best way to explore variations in code-based generative art?▼

The best way to explore variations in code-based generative art is through parameter tuning and seeded randomness. This approach lets you interactively adjust computational variables like flow speed, revealing emergent behaviors without losing your original aesthetic baseline.

Are there limitations to creating interactive sketches with this approach?▼

The primary limitation is that the generative art is constrained by your defined computational philosophy and the p5.js framework. Complex emergent behavior requires careful parameter tuning, and outputs are self-contained HTML artifacts rather than standalone image files.

Related Skills

Explore More Design & Creative Skills→
gbastkowskigbastkowski

algorithmic-art

Create interactive p5.js algorithmic art with seeded randomness and tunable parameters.

Community
Intermediate
PatrickjoshanedezPatrickjoshanedez

algorithmic-art

Generate interactive p5.js algorithmic art in a self-contained HTML artifact.

Official
Advanced
DifanaDAPDifanaDAP

p5js

Create interactive generative art and animations with p5.js.

Community
Advanced
ErrDivineErrDivine

algorithmic-art

Generate algorithmic art with p5.js and interactive seed exploration.

Community
Intermediate