skills.rest
guiledo
guiledoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

Generate p5.js generative art with seeded randomness and an HTML viewer.

Updated Nov 26, 2025
Search Tags:#p5.js#creative-coding#generative-art#interactive-art#seeded-randomness#algorithmic-art#philosophy-to-code
One-click install
npx skills add https://github.com/guiledo/dotfiles --skill algorithmic-art-guiledo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/guiledo/dotfiles/tree/main/opencode/.config/opencode/skills/algorithmic-art
Command: npx skills add https://github.com/guiledo/dotfiles --skill algorithmic-art-guiledo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables creators to craft original algorithmic art workflows by expressing a computational philosophy and converting it into executable p5.js sketches, ensuring reproducibility through seeded randomness.

Core Features & Use Cases

  • Seeds-driven generation yielding unique artworks that reproduce when the same seed is reused.
  • Dual-output workflow delivering a philosophy markdown and a self-contained HTML viewer plus a live p5.js sketch.
  • Interactive parameter exploration enabling iterative refinement and experimentation with generative aesthetics.

Quick Start

Write an algorithmic philosophy and implement a p5.js generative sketch that embodies seeded randomness and interactive parameter exploration.

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 using seeded randomness?▼

Reproducible generative art with p5.js uses seeded randomness to drive parameter exploration, ensuring the same seed regenerates identical visual outputs across iterations. This approach delivers a philosophy markdown file alongside a self-contained HTML viewer for consistent artwork reproduction.

What is an algorithmic philosophy in creative coding and how does it translate to a p5.js sketch?▼

An algorithmic philosophy in creative coding is a conceptual framework expressing computational aesthetics through code. It translates to a p5.js sketch by defining rules for seeded randomness and interactive parameters, producing both a philosophy markdown document and a live generative artwork.

How do I build a self-contained HTML viewer for interactive generative art?▼

Building a self-contained HTML viewer for interactive generative art involves embedding a p5.js sketch with a customizable parameter panel and optional color controls into a single HTML file. This fixed viewer template enables live parameter exploration without external dependencies.

Can I customize the parameter panel and color controls in a generative art HTML file?▼

Customizing the parameter panel and color controls in a generative art HTML file is supported through the fixed viewer template. Interactive parameter exploration allows iterative refinement of generative aesthetics, with optional color controls integrated directly within the self-contained HTML output.

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

This generative art workflow requires no external dependencies or components, operating entirely as a self-contained artifact. It outputs a single HTML file containing the p5.js sketch, philosophy markdown, and customizable parameter panel for immediate interactive exploration.

Why does my seeded generative art output change between p5.js sketch iterations?▼

Seeded generative art outputs change between p5.js sketch iterations when the seed value is altered. Applying a fixed seed to drive the randomness ensures reproducible results, allowing the same seed to regenerate identical artworks consistently across multiple iterations.

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
GayanKavindaGayanKavinda

algorithmic-art

Create reproducible p5.js generative art from a written philosophy.

Community
Advanced
pycode4micropycode4micro
1

algorithmic-art

Translate user requests into deterministic p5.js generative sketches in HTML.

Community
Advanced
519lab519lab
2

p5js

Generate interactive and generative art with p5.js.

Official
Advanced