algorithmic_art

Generate seed-based deterministic generative artwork with p5.js and parameter controls.

49|2|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/vibeinging/YiYi --skill algorithmic-art-vibeinging
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic_art
Source: https://github.com/vibeinging/YiYi/tree/main/app/src-tauri/skills/algorithmic_art
Command: npx skills add https://github.com/vibeinging/YiYi --skill algorithmic-art-vibeinging

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates reproducible, seed-based algorithmic art using p5.js, enabling consistent exploration of generative aesthetics across sessions.

Core Features & Use Cases

  • Seeded randomness for reproducible outputs.
  • Interactive parameter exploration for particle count, flow, noise scale, and color palettes.
  • Use Case: designers prototype visuals and students learn p5.js generative techniques by tweaking parameters and exporting results.

Quick Start

Generate a seed-based p5.js generative art piece with adjustable parameters and an interactive viewer.

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 achieved by using seeded randomness, which ensures that a specific seed generates the exact same visual output every time. This lets you explore flow fields and particle systems deterministically.

How do I use flow fields and noise scale in algorithmic art?

Using flow fields and noise scale in algorithmic art involves parameterizing these values within a p5.js sketch to control particle movement and organic patterns. An interactive UI allows you to tweak these parameters and see the visual results in real-time.

Does this p5.js generative art tool support interactive parameter exploration?

Yes, this p5.js generative art tool supports interactive parameter exploration, allowing you to adjust variables like particle count, flow dynamics, noise scale, and color palettes directly through a UI to see immediate visual changes.

Can I export adjusted p5.js visual outputs for design prototypes?

Yes, you can export adjusted p5.js visual outputs for design prototypes. After exploring and tweaking parameters like color palettes and flow fields in the interactive viewer, the results can be exported for use in design projects.

Why does my generative art output change every time I run the script?

Generative art outputs change on every run because default randomness generates new values each session. Applying seeded randomness locks the random number generation to a specific seed, making your particle systems and flow fields fully deterministic and reproducible.