Transform conceptual prompts into interactive, gallery-quality generative art using p5.js and computational philosophy.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install mo-test-1
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install mo-test-1 using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Algorithmic Art?
The Algorithmic Art skill empowers AI agents to transition from simple prompt-to-image generators to sophisticated computational artists. By leveraging the framework provided by Openclaw Skills, developers can produce high-quality generative sketches that follow specific mathematical philosophies like flow fields or recursive subdivision.
This skill prioritizes craftsmanship and reproducibility, ensuring that every artistic output is both a technical masterpiece and a unique interactive experience. It focuses on creating a movement philosophy before writing the code, ensuring every piece has a conceptual soul and technical depth. Through this process, Openclaw Skills bridge the gap between abstract creative intent and functional, interactive web artifacts.
Algorithmic Art Use Cases
- Rapid prototyping of generative art concepts and movements.
- Creating unique, reproducible hero sections or background animations for web projects.
- Exploring mathematical patterns like Perlin noise, L-systems, and flow fields.
- Developing interactive educational tools for computational geometry and physics.
How Algorithmic Art Works
- Define an Algorithmic Philosophy that outlines the movement's aesthetic and mathematical rules in a markdown document.
- Deduce a Conceptual Seed to weave a subtle, sophisticated reference into the algorithm's DNA.
- Initialize a p5.js environment using a standardized viewer template for consistent UI and Anthropic-themed branding.
- Implement the core algorithm with seeded randomness to ensure reproducibility across different environments.
- Generate a self-contained HTML artifact with interactive sliders for real-time parameter exploration.
Algorithmic Art Setup
To integrate this skill into your environment, ensure the templates directory is accessible to your agent:
# Navigate to your skills directory
cd path/to/your/agent/skills/
# Ensure the algorithmic-art folder contains the templates
ls algorithmic-art/templates/
# Expected: viewer.html, generator_template.js
The skill relies on the p5.js library loaded via CDN, so an active internet connection is required for the generated artifacts to render in a browser.
Algorithmic Art Data Schema & Taxonomy
The skill organizes its output into two primary structures:
| Component | Format | Purpose |
|---|---|---|
| Philosophy Document | Markdown (.md) | Describes the movement, logic, and aesthetic rules. |
| Interactive Viewer | HTML/JS (.html) | A self-contained file containing the p5.js logic, CSS, and UI controls. |
| Parameter Object | Javascript Object | Defines the tunable ranges for quantities, scales, and probabilities. |
| Seeded State | Integer/Hash | Ensures the exact same visual output can be recreated. |
Algorithmic Art Advanced Features
- Seeded randomness for 100% reproducible variations across different sessions.
- Interactive sidebar featuring real-time parameter tuning with sliders and color pickers.
- High-resolution PNG export functionality integrated directly into the viewer interface.
- Support for complex emergent behaviors including particle systems, noise fields, and bifurcation patterns.
- Standardized UI layout that maintains professional branding while allowing for infinite creative algorithmic variation.
SKILL.md
Loading
Related Openclaw Skills
WeCom Doc Fetcher
A specialized tool for converting WeChat Work developer documentation into clean, Obsidian-ready Markdown files using automated API fetching.
STM Assistant
A professional AI email assistant that manages outbound communication, branded signatures, and routing on behalf of a human user.
Skill Detector
Skill Detector is an intelligent architect that passively monitors your workflows to auto-draft, audit, and improve your personal library of Openclaw Skills.
Intention Engine
A cognitive framework for AI agents to infer true user intentions and prevent misaligned or wasted work.
Anthropic Brand Styling Skill
A professional styling utility that applies Anthropic's official brand identity, including specific color palettes and typography, to generated artifacts.
Coding Agent User Rules
A framework for defining and enforcing custom behavioral guidelines and architectural constraints for AI coding agents.
Featured*
