algorithmic-art

Generate p5.js sketches from a computational philosophy in self-contained HTML.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

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

Core Features & Use Cases

  • Algorithmic Philosophy Creation: Define a unique generative art movement with a manifesto.
  • p5.js Implementation: Translate the philosophy into interactive, seeded generative art.
  • Interactive Artifacts: Generate self-contained HTML files for immediate viewing and exploration in browsers or AI environments.
  • Use Case: A user wants to explore generative art based on the concept of "emergent stillness." This Skill will help them define the philosophy, then generate a p5.js sketch that visually represents this concept through code.

Quick Start

Use the algorithmic-art skill to create a generative art piece based on the philosophy of "Quantum Harmonics".

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 code?

To generate generative art with p5.js, this Skill defines a computational philosophy and implements it as a self-contained HTML sketch. It supports interactive parameter exploration and seeded randomness for reproducibility.

What is algorithmic art and how does code create it?

Algorithmic art is visual expression generated through computational rules. This Skill creates it by defining a unique philosophy, then implementing emergent behavior and parametric expression as a p5.js sketch within a self-contained HTML artifact.

Can I use seeded randomness for reproducible p5.js sketches?

Yes, you can use seeded randomness for reproducible p5.js sketches. This Skill supports seeded randomness, allowing you to generate consistent algorithmic art outputs while exploring interactive parameters within the HTML artifact.

Do I need to write HTML from scratch to view creative coding outputs?

No, you do not need to write HTML from scratch. This Skill generates self-contained HTML files encapsulating the p5.js sketch, allowing immediate viewing and interactive exploration directly in browsers or AI environments.

What is the best way to start a generative art movement from a concept?

The best way to start a generative art movement from a concept is to define a computational philosophy or manifesto. This Skill translates concepts like "emergent stillness" into a visual p5.js sketch, focusing on computational beauty and meticulous craftsmanship.