skills.rest
Emmanuel-R8
Emmanuel-R8COMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

Generate seeded p5.js generative art with interactive parameter controls in self-contained HTML viewers.

1|Updated Feb 18, 2026
Search Tags:#seeded randomness#p5.js#creative coding#generative art#algorithmic art#flow fields#html viewer
One-click install
npx skills add https://github.com/Emmanuel-R8/aikos --skill algorithmic-art-emmanuel-r8
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/Emmanuel-R8/aikos/tree/main/.cursor/skills/algorithmic-art
Command: npx skills add https://github.com/Emmanuel-R8/aikos --skill algorithmic-art-emmanuel-r8

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating original generative art requires both a coherent aesthetic concept and working code; this Skill bridges that gap by first authoring an algorithmic philosophy and then expressing it as a reproducible, interactive p5.js artwork. ## Core Features & Use Cases - Algorithmic Philosophy Authoring: Produces a 4-6 paragraph generative art manifesto (.md) that guides the visual direction before any code is written. - Seeded Generative Art: Implements p5.js sketches with seeded randomness (randomSeed/noiseSeed) so every seed reproduces identical output, Art Blocks style. - Interactive HTML Viewer: Outputs a single self-contained HTML artifact built from templates/viewer.html with Anthropic branding, seed navigation (prev/next/random/jump), parameter sliders, color pickers, and reset/download actions. - Use Case: Ask for a flow-field artwork inspired by ocean currents; receive a philosophy document plus a browser-ready HTML file where you can explore thousands of seed variations and tune particle count, noise scale, and palette in real time. ## Quick Start Create an algorithmic art piece about emergent ocean currents with an interactive viewer I can open in my browser.

Frequently Asked Questions about algorithmic-art

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

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

Define a seeded parameter object, initialize randomSeed and noiseSeed in setup, then build your algorithm in draw using particles, flow fields, or noise functions. This Skill generates the full p5.js sketch plus an interactive HTML viewer from a text prompt.

What is seeded randomness in generative art?▼

Seeded randomness initializes p5.js random and noise functions with a fixed seed value so the same seed always produces identical output. This enables reproducible Art Blocks-style variations where each seed number yields a unique but repeatable artwork.

Can I run the generated art in a browser without a server?▼

Yes, the output is a single self-contained HTML file with p5.js loaded from a CDN and all code inline. Save the file and open it in any browser, or use it directly as a claude.ai artifact with no setup required.

How do I explore different variations of the same algorithm?▼

Use the built-in seed navigation controls in the viewer sidebar: previous and next buttons cycle through seeds, the random button picks a new seed, and the input field jumps to a specific seed number. Each seed regenerates the artwork deterministically.

Does this copy existing artists' styles?▼

No, the Skill is explicitly designed to create original algorithmic art rather than copying existing artists' work, avoiding copyright violations. It derives a unique algorithmic philosophy from your prompt and expresses it through original code.

Related Skills

Explore More Design & Creative Skills→
AIDotNetAIDotNet
634

creative-production-moodboard-explorer

Generates image-first mood boards with intake, batch image generation, and inline MCP review.

Official
Advanced
organvm-i-theoriaorganvm-i-theoria

generative-art-deployment

Deploy generative artworks to web galleries, print production, exhibitions, and archives.

Official
Intermediate
pmksharpmkshar

color-palette-extractor

Extract dominant colors from images and generate complementary palettes.

Community
Intermediate
AvneeshSarwateAvneeshSarwate
4

shader-fx

Build GPU-accelerated shader effects for Babylon.js with multi-pass rendering.

Community
Advanced