algorithmic-art

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

Updated Jan 21, 2026
One-click install
npx skills add https://github.com/rafaelramosdf/antigravity-agents --skill algorithmic-art-rafaelramosdf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/rafaelramosdf/antigravity-agents/tree/main/templates/agent-template-en/skills/algorithmic-art
Command: npx skills add https://github.com/rafaelramosdf/antigravity-agents --skill algorithmic-art-rafaelramosdf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

Core Features & Use Cases

  • Generate self-contained, reproducible generative artworks with interactive parameter controls.
  • Support flow fields, particle systems, and parameter-driven explorations for visual experiments.
  • Use cases include teaching generative aesthetics, rapid prototyping of visual ideas, and producing interactive demonstrations.

Quick Start

Describe the desired algorithmic aesthetic and the system will generate a self-contained p5.js viewer that explores it with seeded randomness.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema
How do I generate algorithmic art with p5.js that stays reproducible?

Generating algorithmic art with p5.js uses seeded randomness to ensure reproducible visual outputs. This approach creates self-contained generative artworks where specific seed values lock the random generation, allowing you to consistently recreate identical visual patterns across multiple sessions and rendering environments.

What is the best way to create interactive flow fields and particle systems in a single HTML file?

Creating interactive flow fields and particle systems in a single HTML file involves embedding p5.js code directly within a self-contained artifact. This method delivers a ready-to-run viewer with adjustable parameter controls, enabling real-time visual exploration of generative aesthetics without requiring external dependencies or complex project setups.

Can I use p5.js to build generative visualizations with adjustable parameters?

Yes, you can use p5.js to build generative visualizations with adjustable parameters by implementing interactive control mechanisms. This setup allows users to dynamically modify visual variables like particle behavior or flow field angles, producing a ready-to-run HTML viewer for rapid prototyping of visual ideas and parameter-driven explorations.

Do I need external libraries to display code-driven art in a self-contained HTML viewer?

No, you do not need external libraries beyond the p5.js framework to display code-driven art in a self-contained HTML viewer. The algorithmic art generation process outputs a single artifact HTML file with frontmatter-driven metadata, ensuring the visual result is completely independent and ready to run immediately.

What are the limitations when using seeded randomness for generative art?

When using seeded randomness for generative art, the primary limitation is that changing the seed value completely alters the output pattern. Additionally, while the artwork is reproducible, complex particle-system explorations may require significant computational resources, potentially impacting real-time interactive performance within the single HTML viewer.