skills.rest
archibate
archibateCOMMUNITY
Explore all skills by this author →
Website𝕏@archibateGitHub

algorithmic-art

Generates seed-driven p5.js generative art in a self-contained HTML artifact.

37|7|Updated Apr 8, 2026
Search Tags:#p5.js#creative-coding#generative-art#seeded-randomness#algorithmic-art#procedural-generation#interactive-UI
One-click install
npx skills add https://github.com/archibate/dotfiles-claude --skill algorithmic-art-archibate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/archibate/dotfiles-claude/tree/main/skills/algorithmic-art
Command: npx skills add https://github.com/archibate/dotfiles-claude --skill algorithmic-art-archibate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill makes it easy to create algorithmic art by expressing philosophy as code, enabling artists and developers to explore generative aesthetics without starting from scratch.

Core Features & Use Cases

  • Seeded randomness for reproducible results and explorations.
  • Interactive parameter controls (seed, color palette, motion, scale) to steer the generative process.
  • Self-contained HTML artifacts built around a fixed viewer template for immediate browser use and export.

Quick Start

Provide a seed and watch it generate a unique piece of generative art using p5.js.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema
How do I generate reproducible generative art with p5.js using a seed?▼

Seeded randomness in p5.js generates reproducible generative art by deriving deterministic outputs from a fixed numerical seed. This Skill automates that process by providing a self-contained HTML viewer with parameter controls to steer the unique visual generation.

What is the best way to build interactive procedural generation visuals in a browser?▼

Building interactive procedural generation visuals requires a self-contained HTML artifact with p5.js. This Skill provides a fixed viewer template featuring interactive UI controls for seed, color palettes, motion, and scale to produce immediate browser-based algorithmic art.

Can I export algorithmic art generated with p5.js for creative coding workflows?▼

Yes, algorithmic art generated via p5.js can be exported. This Skill outputs self-contained HTML artifacts built around a fixed viewer template, enabling immediate browser use, interactive exploration, and export capabilities for creative coding workflows.

Does this generative art tool require external dependencies or components?▼

No external dependencies or components are required. This Skill functions independently to create seed-driven generative art, relying solely on a self-contained HTML artifact integrating p5.js for immediate procedural generation and interactive parameter steering.

How do parameter controls affect the output of seeded generative art?▼

Parameter controls directly alter seeded generative art outputs by modifying variables like color palette, motion, and scale. This Skill allows users to experiment with these interactive controls alongside the fixed seed to produce unique, reproducible algorithmic aesthetics.

When should I use seeded randomness for algorithmic art instead of standard random generation?▼

Use seeded randomness for algorithmic art when you need reproducible results and iterative exploration. This Skill leverages seeded randomness within p5.js, allowing users to consistently recreate specific generative visuals while adjusting surrounding parameters.

Related Skills

Explore More Design & Creative Skills→
HuskyDannyHuskyDanny

p5js

Generate interactive and generative visual art with p5.js.

Community
Advanced
SoftSystemsStudioSoftSystemsStudio

algorithmic-art

Generate reproducible p5.js generative art with seeded randomness in a self-contained HTML artifact.

Community
Intermediate
ChenYCLChenYCL

algorithmic-art

Generate p5.js algorithmic art with seeded randomness and interactive parameters.

Community
Intermediate
Thanh-aperoThanh-apero
1

ck:shader

Develop custom GLSL fragment shaders for procedural graphics in WebGL and Three.js.

Community
Advanced