Algorithmic Art

Bouwt seeded p5.js generatieve kunst met sliders in één merk-eigen, zelfstandig interactief HTML-bestand.

Door ThinkInAIXYZ · ThinkInAIXYZ/deepchat

Getest · Werkt ★ 9.6/10

Algorithmic Art — Bouwt seeded p5.js generatieve kunst met sliders in één merk-eigen, zelfstandig interactief HTML-bestand.

Wat het doet

Algorithmic Art laat Claude eerst een korte 'algoritmische filosofie' voor een generatieve-kunststroming schrijven, en die vervolgens uitdrukken als een p5.js-sketch met seeded randomness en instelbare parameters, geleverd via een vaste Anthropic-huisstijl viewer-template met seed-navigatie, sliders en PNG-export. Gebruik het wanneer een gebruiker om generatieve kunst, flow fields, deeltjessystemen of algoritmische/code-gebaseerde kunst vraagt in plaats van een statisch beeld.

Testrapport

templates/viewer.html levert een volledig aangesloten Anthropic-huisstijl seed-navigator (vorige/volgende/willekeurig/spring naar, parameter-sliders, PNG-download) waar de skill elke sketch doorheen dwingt, waardoor de output consistent rijker en reproduceerbaarder is dan een ad-hoc p5.js-sketch die vanaf nul geschreven is.

Getest op: 2026-07-13 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/ThinkInAIXYZ/deepchat
cd deepchat
mkdir -p ~/.claude/skills
cp -r resources/skills/algorithmic-art ~/.claude/skills/algorithmic-art

Commando's en voorbeeldprompts

  • /algorithmic-artBouwt seeded p5.js generatieve kunst met sliders in één merk-eigen, zelfstandig interactief HTML-bestand.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Make me a generative art piece with p5.js and seeded randomness
  • Create an interactive flow field art sketch I can tweak with sliders
  • Generate some algorithmic particle system art as a self-contained html file