Algorithmic Art

Erzeugt generative p5.js-Kunst mit Seed und Reglern in einer einzigen, gebrandeten interaktiven HTML-Datei.

von ThinkInAIXYZ · ThinkInAIXYZ/deepchat

Getestet · Funktioniert ★ 9.6/10

Algorithmic Art — Erzeugt generative p5.js-Kunst mit Seed und Reglern in einer einzigen, gebrandeten interaktiven HTML-Datei.

Was es kann

Algorithmic Art lässt Claude zunächst eine kurze „algorithmische Philosophie" für eine generative Kunstrichtung formulieren und sie dann als p5.js-Sketch mit seed-basiertem Zufall und einstellbaren Parametern umsetzen – ausgeliefert über eine feste, Anthropic-gebrandete Viewer-Vorlage mit Seed-Navigation, Reglern und PNG-Export. Einsetzen, wenn ein Nutzer generative Kunst, Flow Fields, Partikelsysteme oder algorithmische/code-basierte Kunst statt eines statischen Bildes möchte.

Testbericht

templates/viewer.html liefert einen vollständig verdrahteten, Anthropic-gebrandeten Seed-Navigator (Zurück/Weiter/Zufällig/Sprung, Parameter-Regler, PNG-Download), durch den der Skill jeden Sketch zwingend laufen lässt – das Ergebnis ist dadurch durchgängig reichhaltiger und reproduzierbarer als ein von Grund auf geschriebener p5.js-Sketch.

Getestet am: 2026-07-13 · Claude Code 2.x (agent harness)

Installation

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

Befehle & Beispiel-Prompts

  • /algorithmic-artErzeugt generative p5.js-Kunst mit Seed und Reglern in einer einzigen, gebrandeten interaktiven HTML-Datei.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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