Algorithmic ArtSkill

Added to Onei Jul 22, 2026

Summary

Create generative art with p5.js — flow fields, particle systems, and seeded randomness with interactive parameter exploration.

Install This Skill

Add this skill to your favorite AI agent in a few steps.

Any AI agent

This skill is plain instructions — it works with any assistant that accepts custom instructions or system prompts.

Copy the skill content with the button below.
Paste it into your agent's instruction file or system prompt (for example AGENTS.md, .cursorrules, or a custom instructions field).
Ask the agent to apply the skill whenever the task matches.

Claude Code & Claude apps

Claude loads skills automatically from its skills directory.

Claude Code

Create a skill folder — personal: ~/.claude/skills/algorithmic-art/, or per-project: .claude/skills/algorithmic-art/
Save the skill content as SKILL.md inside that folder.
Claude Code picks it up automatically and invokes it when relevant.

mkdir -p ~/.claude/skills/algorithmic-art

Claude.ai / Claude Desktop

Enable Skills under Settings → Capabilities, then upload the skill (a folder or zip containing SKILL.md).

One-prompt install

Paste this prompt into any agent with web access and it will install the skill for you.

Install the "Algorithmic Art" skill from Onei AI. Fetch https://onei.ai/skills/algorithmic-art, extract the full skill content from the page, and save it where you load skills from (for Claude Code: .claude/skills/algorithmic-art/SKILL.md). From now on, apply this skill whenever it is relevant to my request.

Skill Content

Markdown Content

Copy this content and use it with your preferred AI agent

# Algorithmic Art

Use this skill when the user wants art made with code — generative art, flow fields, particle systems, and similar.

## What it does
- Builds sketches in p5.js
- Uses seeded randomness so a result can be reproduced and refined
- Exposes parameters for interactive exploration of a piece
- Creates original generative work

## Approach
Start from a simple system (a field, a set of agents), then tune parameters and composition toward a striking result.

Description

A skill for creating algorithmic art using p5.js, with seeded randomness and interactive parameter exploration. Use it for generative art, flow fields, particle systems, and other code-driven visuals. It creates original algorithmic art rather than copying existing artists' work.

Install

Related Skills

Skill: Theme Factory

by Anthropic

Style any artifact with a cohesive theme — 10 preset color/font themes, or generate a new one on the fly for slides, docs, reports, and pages.

Design & Creative

Skill: Frontend Design

by Anthropic

Guidance for distinctive, intentional UI design — aesthetic direction, typography, and choices that avoid looking like templated defaults.

Design & Creative

Skill: GSAP ScrollTrigger

by GreenSock

Featured

GreenSock's official ScrollTrigger skill — scroll-linked animation, pinning, scrub and trigger positioning, with the exact start/end syntax agents get wrong.

Development Design & Creative

Skill: React View Transitions

by Vercel

Vercel's official guide to React's <ViewTransition> API — shared elements, list identity, Suspense reveals and directional route animations without an animation library.

Development Design & Creative

Browse all skills →