skills.rest
silvio-l
silvio-lCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

Generate reproducible p5.js algorithmic art in single-file HTML viewers.

Updated Aug 23, 2026
Search Tags:#p5.js#templates#generative-art#interactive-art#flow-fields#seeded-randomness#particle-systems
One-click install
npx skills add https://github.com/silvio-l/copilot-skills --skill algorithmic-art-silvio-l
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/silvio-l/copilot-skills/tree/main/algorithmic-art
Command: npx skills add https://github.com/silvio-l/copilot-skills --skill algorithmic-art-silvio-l

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns high-level creative intent into reproducible, interactive generative artworks by providing a clear workflow, templates, and parameterized p5.js artifacts. It removes friction for artists and developers who need seeded randomness, consistent UI controls, and a single-file HTML viewer that runs immediately in a browser or an AI artifact viewer. The Skill enforces a template-first approach so that each generated piece preserves Anthropic branding, seed navigation, and predictable parameter controls while leaving full creative freedom for the algorithm itself.

Core Features & Use Cases

  • Algorithmic Philosophy Authoring: Produces a 4–6 paragraph manifesto that guides the generative algorithmic choices and preserves creative space for implementation.
  • Seeded Reproducibility: Ensures every output is deterministic via randomSeed/noiseSeed and includes seed navigation (prev/next/random/jump).
  • Single-file Interactive Artifact: Outputs a self-contained HTML viewer (based on templates/viewer.html) with inline p5.js, parameters, color pickers, and export capabilities.
  • Parameterized Exploration: Exposes tunable parameters (counts, scales, probabilities, angles, thresholds) with live sliders and reset/download actions for easy experimentation.
  • Craftsmanship Guidance: Emphasizes meticulous algorithmic refinement, performance considerations, and visual hierarchy so results feel masterfully crafted.
  • Use Case: Rapidly produce gallery-quality variations of a generative art concept for client review, teaching, or NFT drops while guaranteeing reproducibility.

Quick Start

Create an algorithmic philosophy and a self-contained p5.js HTML viewer using the templates/viewer.html starting from seed 12345.

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

You can build interactive p5.js HTML viewers by using a template-first approach that outputs a self-contained single-file artifact. This Skill provides templates with inline p5.js, parameter UI controls, seed navigation, and export functionality for immediate browser execution.

Can I tune particle systems and flow fields interactively in p5.js?▼

Seeded randomness in generative design guarantees deterministic outputs by locking random and noise generation to specific seed values. This Skill enforces seeded reproducibility and includes seed navigation, allowing users to jump between exact variations of an artwork.

What's the best way to export p5.js interactive art for client review?▼

To start generating algorithmic art, you provide a creative prompt that produces an algorithmic philosophy and a starting seed like 12345. This Skill then applies that philosophy to parameterize flow fields or particle systems within the p5.js HTML viewer template.

Do I need external libraries to run seeded p5.js generative art?▼

An algorithmic philosophy is a 4–6 paragraph manifesto that guides the generative algorithmic choices for your artwork. This Skill authors this philosophy first, preserving creative space for implementation while ensuring meticulous refinement and visual hierarchy.

Related Skills

Explore More Design & Creative Skills→
magicpro97magicpro97
8

algorithmic-art

Create p5.js generative art with an algorithmic philosophy and adjustable parameters.

Community
Advanced
alter123-zzalter123-zz
18

algorithmic-art

Generate reproducible p5.js generative-art HTML artifacts with seeded randomness and parameter controls.

Community
Intermediate
openyakopenyak
704

algorithmic-art

Generate reproducible p5.js algorithmic art with seeded randomness and exportable PNGs.

Official
Advanced
HuskyDannyHuskyDanny

p5js

Generate interactive and generative visual art with p5.js.

Community
Advanced