algorithmic-art

Generate seed-reproducible p5.js generative art in a self-contained HTML artifact.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/TungND2k2/Milo-ai --skill algorithmic-art-tungnd2k2
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/TungND2k2/Milo-ai/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/TungND2k2/Milo-ai --skill algorithmic-art-tungnd2k2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured approach to translating abstract algorithmic ideas into reproducible, seed-based generative art using p5.js.

Core Features & Use Cases

  • Algorithmic philosophy drafting: write a 4-6 paragraph manifesto that guides algorithmic expression.
  • P5.js implementation: translate philosophy into a single HTML artifact that can be shared and run locally.
  • Seeded exploration: deterministic outputs by seed, with navigation of seeds and ability to regenerate.
  • Self-contained template: uses the provided viewer.html structure to preserve Anthropic branding and UX.
  • Extensible parameters: define and tune variables like particle count, noise scale, color palettes to explore the design space.

Quick Start

Create a 4-6 paragraph algorithmic philosophy and implement a self-contained HTML artifact that renders seeded p5.js generative art using the provided template.

Frequently Asked Questions about algorithmic-art

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create reproducible generative art with p5.js?

You can create reproducible generative art by defining a specific seed value in your p5.js code, which guarantees the exact same visual output is rendered every time that seed is used. This approach allows you to navigate and regenerate specific deterministic designs.

What is seeded randomness in creative coding?

Seeded randomness in creative coding is a mechanism where pseudo-random number generation is tied to a specific initial value, allowing deterministic and reproducible outputs. This approach enables users to navigate and regenerate specific variations of algorithmic art reliably.

Can I generate a self-contained HTML file for interactive art?

Yes, you can generate a self-contained HTML file for interactive art that relies only on the p5.js CDN. This Skill outputs a single HTML artifact with embedded scripts, adjustable parameters, and a fixed UI scaffold without external script dependencies.

How do I translate an algorithmic philosophy into a visual p5.js sketch?

To translate an algorithmic philosophy into a visual p5.js sketch, you draft a 4-6 paragraph manifesto guiding the expression, then implement it as a self-contained HTML artifact. This Skill handles organic emergence, mathematical beauty, and controlled chaos.

Does this generative art template support adjustable color palettes and parameters?

Yes, the generative art template supports adjustable color palettes and extensible parameters like particle count and noise scale. These controls allow you to explore the design space within the provided HTML viewer scaffold.

What are the limitations of using p5.js for algorithmic art?

A limitation of using p5.js for algorithmic art is that the self-contained HTML artifact requires an active connection to the p5.js CDN to function. The output depends on this external script resource to render the generative visuals.