algorithmic-art

Create reproducible p5.js generative art from a written philosophy.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/GayanKavinda/gayankavinda.github.io --skill algorithmic-art-gayankavinda
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/GayanKavinda/gayankavinda.github.io/tree/main/skills/skills/algorithmic-art
Command: npx skills add https://github.com/GayanKavinda/gayankavinda.github.io --skill algorithmic-art-gayankavinda

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns abstract creative intent into reproducible generative artwork, helping you move from a loose visual idea to a carefully crafted algorithmic piece with consistent variation across seeds.

Core Features & Use Cases

  • Algorithmic Philosophy Writing: Creates a concise generative-art manifesto that defines the movement, behaviors, and aesthetic logic behind the work.
  • P5.js Artifact Creation: Produces a single self-contained HTML viewer with seeded randomness, interactive controls, and an embedded p5.js implementation.
  • Exploration and Reproducibility: Supports parameter tuning, seed navigation, and repeatable outputs for flow fields, particle systems, emergent structures, and other computational visuals.
  • Use Case: Use it when you want an original algorithmic artwork for a portfolio, gallery-style experiment, or interactive creative demo that can be regenerated exactly from the same seed.

Quick Start

Use the algorithmic-art skill to create an algorithmic philosophy and a self-contained p5.js viewer for a seeded generative artwork.

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 create reproducible generative art by defining an algorithmic philosophy for movement and aesthetic logic, then implementing it in a p5.js viewer with seeded randomness to ensure deterministic, repeatable outputs across variations.

What is seeded randomness in algorithmic art?

Seeded randomness in algorithmic art uses a specific initial seed value to drive the random number generator, ensuring the exact same visual structure and particle behaviors are reproduced identically every time that seed is applied.

Can I generate interactive flow fields and particle systems in a single HTML file?

Yes, you can generate flow fields and particle systems in a single self-contained HTML artifact that embeds the p5.js library, includes interactive controls, and allows parameter tuning for emergent structure exploration.

How do I turn a written generative art philosophy into an interactive viewer?

You turn a written generative philosophy into an interactive viewer by translating the manifesto's defined movement and aesthetic logic into a self-contained p5.js HTML artifact featuring tunable parameters and seed navigation.

Does this approach to algorithmic art require external dependencies?

No, this approach to algorithmic art does not require external dependencies because the output is a single self-contained HTML viewer that embeds the p5.js implementation and interactive controls directly.