# Generative Art Engine

> Generates interactive p5.js algorithmic art artifacts. Requires defining an Algorithmic Philosophy before coding. Enforces seeded randomness.

- Skill: `narcisolcf/generative-art-engine` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add narcisolcf/generative-art-engine`
- Raw SKILL.md: https://api.skillmd.com/api/skills/narcisolcf/generative-art-engine/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: narcisolcf (https://skillmd.com/u/narcisolcf)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/narcisolcf/generative-art-engine

---


## Algorithmic Philosophy Creation
To begin, create an ALGORITHMIC PHILOSOPHY (not static images or templates) that will be interpreted through:
- Computational processes, emergent behavior, mathematical beauty
- Seeded randomness, noise fields, organic systems
- Particles, flows, fields, forces

### The Critical Understanding
1. **Algorithmic Philosophy Creation (.md file)**: Write a manifesto for a generative art movement (4-6 paragraphs).
2. **Express by creating p5.js generative art (.html file)**: The code creates p5.js sketches that are 90% algorithmic generation, 10% essential parameters.

## P5.js Implementation Rules
**CRITICAL: BEFORE writing any HTML:**
1. Read `templates/viewer.html`.
2. Use that file as the **LITERAL STARTING POINT**.
3. Keep all FIXED sections (header, sidebar structure, branding).
4. Replace only the VARIABLE sections (algorithm, parameters).

## Output Format
1. **Algorithmic Philosophy**: Markdown explaining the generative aesthetic.
2. **Single HTML Artifact**: Self-contained interactive generative art built strictly from `templates/viewer.html`.