algorithmic-art
nexu-io/open-design
Generate reproducible procedural art with p5.js and seeded randomness.
What is algorithmic-art?
Create generative art using p5.js with seeded randomness for fully reproducible outputs. Use this skill to produce procedural posters, motion-style stills, and artistic frame studies where consistency and variation are both controllable.
- Generate procedural art with p5.js
- Control randomness via seeding for reproducible renders
- Create artistic variations from the same algorithm
- Produce motion-style stills and frame studies
- Design procedural posters with consistent aesthetics
How to install algorithmic-art
npx skills add https://github.com/nexu-io/open-design --skill algorithmic-artHow to use algorithmic-art
- 1.Install the upstream skill bundle from the Anthropic skills repository
- 2.Ask the agent to invoke the skill by name 'algorithmic-art' or use trigger phrases like 'generative art' or 'p5js'
- 3.Specify your desired art parameters: seed value, dimensions, and artistic direction
- 4.The agent will generate p5.js code that produces your algorithmic art
- 5.Adjust the seed to explore variations while maintaining reproducibility
Use cases
- Generate a series of unique poster designs from a single algorithmic template
- Create reproducible motion-study frames for animation planning
- Design procedural art installations where each render is deterministic
- Explore artistic variations by adjusting seed values
- Produce consistent generative backgrounds for design projects
- Visual artists and designers
- Creative technologists
- Motion designers
- Generative art practitioners
- Design teams exploring procedural aesthetics
algorithmic-art FAQ
The skill uses seeded randomness in p5.js, meaning the same seed value always produces identical output, allowing you to generate variations by changing only the seed.
Yes, the skill is designed for motion-style stills and frame studies, which can be sequenced into animations by varying parameters across frames.
No, you invoke the skill by name or trigger phrase and describe what you want; the agent generates the p5.js code for you.
The skill generates p5.js code that produces images; the specific export formats depend on the upstream implementation.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: algorithmic-art description: | Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies. triggers:
- "algorithmic art"
- "generative art"
- "p5js"
- "procedural art"
- "seeded randomness"
- "生成艺术" od: mode: image category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/algorithmic-art"
algorithmic-art
Curated from Anthropic's official skills repository.
What it does
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.
Source
- Upstream: https://github.com/anthropics/skills/tree/main/skills/algorithmic-art
- Category:
image-generation
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/anthropics/skills/tree/main/skills/algorithmic-art
Then ask the agent to invoke this skill by name (algorithmic-art) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
apple-hig
Apple Human Interface Guidelines as 14 agent skills for iOS, macOS, visionOS, watchOS, and tvOS design.
article-magazine
Transform Markdown into polished long-form HTML essays with magazine-style layout.
artifacts-builder
Create elaborate multi-component HTML artifacts with React, Tailwind CSS, and shadcn/ui for claude.ai
brainstorming
Transform rough ideas into fully-formed designs through structured questioning and alternative exploration.
brand-guidelines
Apply Anthropic's official brand colors and typography for consistent visual identity.
brandkit
Premium brand-kit image generation for logo systems, identity decks, and visual-world presentations.