Algorithmic Art

Algorithmic Art is a Frontend skill for Claude Code, published by guanyang in open-agent-hub.

952 stars164 forkson guanyang/open-agent-hubAdded 2026/08/21Repository updated 2026/08/21

agentsai-agentsai-skillsanthropic-skillsclaude-codecli-toolcontext-engineeringfull-stackplanningskillssuperpowersui-ux-designworkflows

Install in seconds

Install Algorithmic Art

Copy Algorithmic Art into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/guanyang/open-agent-hub/tree/main/skills/algorithmic-art ~/.claude/skills/algorithmic-art

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/guanyang/open-agent-hub.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/algorithmic-art/SKILL.md in guanyang/open-agent-hub
Installs to: ~/.claude/skills/algorithmic-art
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Algorithmic Art does

Algorithmic Art creates p5.js generative art from a written philosophy, then expresses it as interactive HTML and JavaScript. Use it for original code-based art, flow fields, particle systems, and other seeded visual explorations.

Algorithmic Art is cataloged under Frontend on DirSkills. Algorithmic Art comes from a repository tagged agents, ai-agents, ai-skills, anthropic-skills and claude-code.

Documentation

README

Excerpt

Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).

This happens in two steps:

Algorithmic Philosophy Creation (.md file)
Express by creating p5.js generative art (.html + .js files)

First, undertake this task:

ALGORITHMIC PHILOSOPHY CREATION

To begin, create an ALGORITHMIC PHILOSOPHY (not static images or templates) that will be interpreted through:

Computational processes, emergent behavior, mathematical beauty
Seeded randomness, noise fields, organic systems
Particles, flows, fields, forces
Parametric variation and controlled chaos

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Algorithmic Art

What else does guanyang publish alongside Algorithmic Art?
Algorithmic Art is one of 25 skills that DirSkills catalogs from guanyang/open-agent-hub, the repository it ships in. Its siblings there include Advanced Evaluation, Article Illustrator and Baoyu Image Cards. Each one is a separate skill with its own page in this directory, installs the same way Algorithmic Art does, and is maintained by guanyang in that same repository. The rest of the collection is listed on the guanyang/open-agent-hub page.
How does Algorithmic Art compare to other Frontend skills?
Algorithmic Art ranks #344 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Algorithmic Art against them. Open each page to compare what they document and how they install.