skills.rest
stevessr
stevessrCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

Generate self-contained p5.js algorithmic art with seeded randomness and parameter controls.

Updated Dec 1, 2025
Search Tags:#p5.js#generative-art#seeded-randomness#algorithmic-art#interactive-controls#reproducible-art
One-click install
npx skills add https://github.com/stevessr/dotsfiles --skill algorithmic-art-stevessr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/stevessr/dotsfiles/tree/main/dot_claude/private_plugins/private_marketplaces/anthropic-agent-skills/skills/algorithmic-art
Command: npx skills add https://github.com/stevessr/dotsfiles --skill algorithmic-art-stevessr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a framework to create algorithmic art using p5.js with seeded randomness and interactive parameter exploration, enabling reproducible generative works rather than manual doodling.

Core Features & Use Cases

  • Seeded randomness for reproducible outputs across runs.
  • Interactive parameter controls to explore variations without code changes.
  • Self-contained HTML artifact demonstrating an end-to-end generative workflow in a browser.
  • Suitable for education, design exploration, and creative coding demonstrations.

Quick Start

Configure a seed and a few parameters, then generate and view the self-contained interactive generative art artifact.

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?▼

Reproducible generative art with p5.js is created by applying seeded randomness to your algorithms. This Skill automates that process, providing a framework that ensures your visual outputs remain identical across multiple runs using the same seed value.

Can I explore parameter variations in p5.js without changing the code?▼

Yes, you can explore parameter variations without changing code by using interactive controls. This Skill generates a self-contained HTML artifact with interactive parameter controls, allowing you to adjust variables and instantly view the resulting generative art changes.

What is seeded randomness in algorithmic art?▼

Seeded randomness in algorithmic art is a technique where a specific numeric seed initializes the random number generator. This Skill uses seeded randomness to produce reproducible generative artworks, ensuring that the exact same visual pattern is generated every time the identical seed is applied.

How do I generate a self-contained HTML artifact for a p5.js sketch?▼

To generate a self-contained HTML artifact for a p5.js sketch, this Skill automates the end-to-end rendering workflow. It outputs an interactive HTML file containing your algorithmic art, seeded randomness logic, and parameter controls viewable in any browser.

Does this approach work for educational demonstrations of creative coding?▼

Yes, this approach works for educational demonstrations of creative coding. The Skill is explicitly suitable for education, design exploration, and interactive demonstrations, providing a self-contained HTML artifact that effectively showcases parameter-driven generative workflows.

Why are my generative art outputs different every time I run them?▼

Generative art outputs differ on every run because the random number generator is not initialized with a fixed seed. This Skill solves that issue by implementing seeded randomness, ensuring your parameter-driven p5.js outputs are strictly reproducible.

Related Skills

Explore More Design & Creative Skills→
FlyFireFFlyFireF

p5js

Create interactive and generative art with p5.js in the browser.

Community
Advanced
gerald-icagerald-ica

algorithmic-art

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

Community
Intermediate
ErrDivineErrDivine

algorithmic-art

Generate algorithmic art with p5.js and interactive seed exploration.

Community
Intermediate
LynxLabVNLynxLabVN

p5js

Create interactive and generative visual art with the p5.js library.

Official
Advanced