algorithmic-art

Generate interactive p5.js algorithmic art with seeded randomness and parameter controls.

Updated Feb 15, 2026
One-click install
npx skills add https://github.com/Shawn-Guo-CN/agentfoundry-plugin-marketplace --skill algorithmic-art-shawn-guo-cn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/Shawn-Guo-CN/agentfoundry-plugin-marketplace/tree/main/plugins/algorithmic-art
Command: npx skills add https://github.com/Shawn-Guo-CN/agentfoundry-plugin-marketplace --skill algorithmic-art-shawn-guo-cn

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.

Core Features & Use Cases

  • Algorithmic Philosophy Creation: Define a unique generative art movement with specific computational principles.
  • p5.js Art Generation: Translate the philosophy into interactive, seeded generative art using HTML and p5.js.
  • Interactive Exploration: Explore variations of the art through seeded randomness and parameter tuning within a self-contained HTML artifact.
  • Use Case: A user requests generative art inspired by "organic turbulence." This Skill first defines a philosophy for this concept, then generates an interactive p5.js sketch where users can adjust parameters like particle count and flow speed to explore different visual outcomes.

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 interactive generative art using p5.js?

Generating interactive generative art with p5.js involves defining a computational philosophy and translating it into a self-contained HTML artifact. This artifact includes p5.js code, UI controls, and seeded randomness to explore parameter variations and unique visual outcomes.

What is computational philosophy in algorithmic art?

Computational philosophy in algorithmic art defines the specific generative principles underlying a visual movement. It acts as the conceptual framework that translates abstract ideas like organic turbulence into mathematical rules and parameters for p5.js sketches.

How do I use seeded randomness to explore variations in a p5.js sketch?

Seeded randomness allows you to explore variations in a p5.js sketch by generating consistent visual outcomes from specific initial values. By adjusting parameters like particle count and flow speed alongside seed navigation, you can interactively discover unique algorithmic art variations.

Can I adjust parameters like particle count and flow speed in generative art?

Yes, you can adjust parameters like particle count and flow speed in generative art through interactive UI controls. The generated HTML artifact includes these controls to allow real-time exploration and tuning of the visual outcomes within the p5.js sketch.

Do I need external dependencies to create self-contained HTML artifacts with p5.js?

No external dependencies are required to create self-contained HTML artifacts with p5.js. The generated output incorporates the p5.js code, UI controls, and seed navigation directly within a single HTML file, ensuring it operates independently.

What is the best way to define a generative art movement computationally?

The best way to define a generative art movement computationally is to establish a unique algorithmic philosophy with specific principles. This philosophy is then translated into a p5.js sketch featuring seeded randomness and interactive parameter exploration to visually express the movement.