skills.rest
alishangtian
alishangtianCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

algorithmic-art

Generates algorithmic art with p5.js using seeded randomness and interactive parameter exploration.

Updated Aug 23, 2026
Search Tags:#p5.js#generative-art#seeded-randomness#interactive-ui#web-art#procedural-art
One-click install
npx skills add https://github.com/alishangtian/proteus-ai --skill algorithmic-art-alishangtian
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: algorithmic-art
Source: https://github.com/alishangtian/proteus-ai/tree/main/proteus/docker/volumes/agent/skills/algorithmic-art
Command: npx skills add https://github.com/alishangtian/proteus-ai --skill algorithmic-art-alishangtian

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating algorithmic art from code with seeded randomness and interactive parameter exploration, enabling reproducible, exploratory generative work without manual drafting.

Core Features & Use Cases

  • Seeded randomness for reproducible results across runs
  • Interactive parameter controls to explore generative variations
  • Self-contained HTML viewer that can be shared and viewed instantly
  • Template-driven workflow that preserves branded UI and UX

Quick Start

Run this skill by creating a self-contained HTML artifact from the provided template with a seed of your choice and adjust parameters in the UI to explore variations.

Frequently Asked Questions about algorithmic-art

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

FAQPage Schema
How do I create generative art with p5.js that looks different each time but is reproducible?▼

Seeded randomness in p5.js ensures that generative art remains reproducible across runs. By setting a specific numerical seed before drawing, the random number generator produces the same sequence of values, allowing you to recreate exact visual outputs consistently.

How do I add interactive parameter controls to procedural art code?▼

Interactive parameter controls in procedural art allow real-time exploration of generative variations. By adjusting UI sliders or inputs within a self-contained HTML viewer, you can dynamically alter visual variables and immediately see the updated results.

What is the best way to share web art generated from code?▼

The best way to share web art generated from code is by exporting a self-contained HTML file. This artifact encapsulates the p5.js code, interactive UI, and visual output, allowing others to view and interact with the art instantly in a web browser.

Does generative art created with this method require external dependencies?▼

No, generative art created with this method does not require external dependencies. It uses a template-driven workflow to generate a self-contained HTML viewer, ensuring the final web artifact runs independently in any standard web browser.

Can I use interactive UI elements to explore seeded randomness variations in p5.js?▼

Yes, you can use interactive UI elements to explore seeded randomness variations in p5.js. Adjusting configurable parameters in the HTML viewer updates the visual output while maintaining a deterministic, reproducible state based on your chosen seed.

Related Skills

Explore More Design & Creative Skills→
FlyFireFFlyFireF

p5js

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

Community
Advanced
LutimiLutimi

ckm:banner-design

Generate multi-platform banner designs with export-ready assets and HTML/CSS integration.

Community
Advanced
HuijiroHuijiro

anthropic-algorithmic-art

Generate reproducible p5.js algorithmic art with seeded randomness and interactive controls.

Community
Advanced
nyxoraAInyxoraAI
5

p5js

Generate interactive and generative visual art with p5.js.

Community
Advanced