Algorithmic Art
Skill ActiveCreating 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.
To enable users to create unique, interactive algorithmic art by defining a computational philosophy and expressing it through a p5.js implementation.
Features
- Algorithmic philosophy creation
- p5.js generative art implementation
- Seeded randomness for reproducibility
- Interactive parameter exploration via UI
- Self-contained HTML artifact generation
Use Cases
- Creating original code-based art pieces
- Exploring generative art concepts and aesthetics
- Developing interactive visual experiences
- Experimenting with flow fields and particle systems
Non-Goals
- Creating static images without algorithmic basis
- Copying existing artists' work
- Developing complex application frameworks beyond art generation
- Requiring specific software installation beyond a web browser
Workflow
- Create an algorithmic philosophy detailing the generative aesthetic.
- Implement the philosophy using p5.js within the provided HTML template.
- Define tunable parameters and corresponding UI controls.
- Generate a self-contained, interactive HTML artifact.
Practices
- Algorithmic Philosophy
- Generative Art Design
- Parameterization
- Code Craftsmanship
Documentation
- info:Configuration & parameter referenceWhile the HTML template shows example parameters and their ranges, the specific parameters for a given art piece are defined within the generated HTML and are not exhaustively documented as defaults outside of that context.
Trust
- warning:Issues Attention135 issues opened, 11 closed in the last 90 days, indicating a low closure rate and slow maintainer response.
Practical Utility
- info:Usage examplesWhile the template provides a structure for parameters and a basic algorithm, concrete, end-to-end examples demonstrating specific artistic outputs are not provided within the SKILL.md itself.
Installation
First, add the marketplace
/plugin marketplace add anthropics/skills/plugin install skills@anthropic-agent-skillsQuality Score
Trust Signals
Similar Extensions
Algorithmic Art
95Creating 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.
Build Shiny Module
100Build reusable Shiny modules with proper namespace isolation using NS(). Covers module UI/server pairs, reactive return values, inter-module communication, and nested module composition. Use when extracting a reusable component from a growing Shiny app, building a UI widget used in multiple places, encapsulating complex reactive logic behind a clean interface, or composing larger applications from smaller, testable units.
Vue Router Best Practices
100Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Develop Web Game
100Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.
Auth0 Next.js
100Use when adding authentication to Next.js applications (login, logout, protected pages, middleware, server components) - supports App Router and Pages Router with @auth0/nextjs-auth0 SDK.
Auth0 Flask
100Use when adding login, logout, and user profile to a Flask web application using session-based authentication - integrates auth0-server-python for server-rendered apps with login/callback/profile/logout flows.