generative-art-engine

Generate self-contained p5.js HTML art artifacts from an Algorithmic Philosophy.

Updated Dec 9, 2025
One-click install
npx skills add https://github.com/narcisolcf/skills_claude_narciso --skill generative-art-engine
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: generative-art-engine
Source: https://github.com/narcisolcf/skills_claude_narciso/tree/main/generative-art-engine
Command: npx skills add https://github.com/narcisolcf/skills_claude_narciso --skill generative-art-engine

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables Claude to translate a generative philosophy into self-contained algorithmic art artifacts that can be explored in-browser.

Core Features & Use Cases

  • Algorithmic Philosophy: A manifesto guides the generative approach.
  • Self-contained Art: Outputs a single HTML (via templates) that showcases the algorithm.
  • Seeded Randomness: Reproducible art through fixed seeds.

Quick Start

Define your algorithm in a philosophy document and generate a 90% algorithmic, 10% parameter-based HTML sketch using templates/viewer.html as the starting point.

Frequently Asked Questions about generative-art-engine

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

FAQPage Schema
How do I create generative art with seeded randomness in the browser?

Generative art with seeded randomness produces reproducible algorithmic visuals by fixing the random seed, allowing you to recreate identical outputs. This Skill uses p5.js to generate self-contained HTML artifacts driven by an Algorithmic Philosophy—a formal manifesto that guides your creative approach—paired with parameterization, outputting both the interactive sketch and philosophy document.

What's the difference between algorithmic art and random art generation?

Algorithmic art follows a deliberate manifesto or philosophy that determines 90% of the output, with only 10% controlled by parameters, ensuring reproducibility and intentionality. Random generation, by contrast, relies heavily on unpredictable variation. This Skill enforces the algorithmic-philosophy-first approach, making your generative process transparent and repeatable.

Can I use p5.js with a template-based workflow for generative art?

Yes. This Skill uses templates/viewer.html as the starting point, preserving fixed sections like headers and branding while replacing only the algorithm and parameter sections. This template-based approach lets you generate self-contained HTML artifacts without building from scratch, maintaining consistency across multiple pieces.

How do I document the creative logic behind my generative art?

An Algorithmic Philosophy document describes the manifesto and formal reasoning driving your generative approach. This Skill outputs both the interactive HTML sketch and this philosophy document together, ensuring your creative intent is explicit and your process is transparent to viewers.

What does 90% algorithmic, 10% parameter mean for generative art workflows?

This ratio means the algorithm itself determines most of the visual output through deterministic rules, while parameters fine-tune specific aspects. This Skill enforces this split, prioritizing algorithmic rigor over manual tweaking, which produces more cohesive, philosophy-driven results than parameter-heavy approaches.