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.