Algorithmic Art

Algorithmic Art is a Frontend skill for Claude Code, published by foryourhealth111-pixel in Vibe-Skills.

2.9K stars227 forkson foryourhealth111-pixel/Vibe-SkillsAdded 2026/08/17+6% in starsRepository updated 2026/08/11

agent-frameworkagent-skillsagentic-codingai-agentsai-scientistai-skillsai-workflowautomationclaude-codecodexcontext-engineeringdeveloper-toolsdsh-pluginllmmulti-agentprompt-engineeringskillsvibe-codingvibecodingworkflow-automation

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/foryourhealth111-pixel/Vibe-Skills/tree/main/bundled/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/foryourhealth111-pixel/Vibe-Skills.git

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

In this catalog

Source file: bundled/skills/algorithmic-art/SKILL.md in foryourhealth111-pixel/Vibe-Skills
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 original generative art using p5.js with seeded randomness and interactive parameter exploration. Use it when users request art created with code, flow fields, particle systems, or other algorithmic techniques.

Algorithmic Art is cataloged under Frontend on DirSkills. Algorithmic Art comes from a repository tagged agent-framework, agent-skills, agentic-coding, ai-agents and ai-scientist.

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 foryourhealth111-pixel publish alongside Algorithmic Art?
Algorithmic Art is one of 25 skills that DirSkills catalogs from foryourhealth111-pixel/Vibe-Skills, the repository it ships in. Its siblings there include Adaptyv, Aeon Time Series ML and Alpha Vantage. Each one is a separate skill with its own page in this directory, installs the same way Algorithmic Art does, and is maintained by foryourhealth111-pixel in that same repository. The rest of the collection is listed on the foryourhealth111-pixel/Vibe-Skills page.
How does Algorithmic Art compare to other Frontend skills?
Algorithmic Art ranks #188 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.