algorithmic-art

Generate interactive p5.js sketches from algorithmic philosophies with seeded randomness.

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

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 translating conceptual philosophies into interactive p5.js sketches, moving beyond static images to living, generative 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 wants to explore generative art concepts. They can define a philosophy like "Organic Turbulence" and have the Skill generate an interactive p5.js sketch that visualizes this concept, allowing them to explore variations through seeded randomness and parameter tuning.

Quick Start

Use the algorithmic-art skill to create a generative art piece based on the philosophy of 'Flow Fields'.

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?

To create generative art with p5.js using seeded randomness, you define a conceptual algorithmic philosophy and translate it into an interactive sketch. This generates a self-contained HTML file featuring the p5.js code, allowing you to explore variations through interactive parameter tuning.

What is algorithmic art and how does interactive parameter exploration work?

Algorithmic art is original visual output generated from code-based rules. Interactive parameter exploration works by generating self-contained HTML files with p5.js sketches, allowing users to adjust variables and seeded randomness in real-time within a browser environment.

Can I generate interactive p5.js sketches from a conceptual philosophy?

Yes, you can generate interactive p5.js sketches from a conceptual philosophy. The process creates an algorithmic philosophy as a markdown file and then expresses that concept through a self-contained HTML artifact featuring a seeded generative p5.js sketch.

Do I need a browser to view the generated generative art artifacts?

Yes, you need a browser to view the generated generative art artifacts. The Skill outputs self-contained HTML files featuring p5.js sketches, which are designed to be explored interactively in any standard web browser environment.

What's the best way to explore variations in creative coding without losing the original design?

The best way to explore variations in creative coding while preserving the original design is using seeded randomness. By adjusting seeds and parameters within generated p5.js sketches, you can systematically explore visual variations without losing the underlying algorithmic structure.