Algorithmic Art

Tworzy generatywną sztukę p5.js z ziarnem losowości i suwakami w jednym, samowystarczalnym pliku HTML z brandingiem.

Autor: ThinkInAIXYZ · ThinkInAIXYZ/deepchat

Testowano · Działa ★ 9.6/10

Algorithmic Art — Tworzy generatywną sztukę p5.js z ziarnem losowości i suwakami w jednym, samowystarczalnym pliku HTML z brandingiem.

Co robi ten skill

Algorithmic Art każe Claude najpierw napisać krótką „filozofię algorytmiczną” dla ruchu w sztuce generatywnej, a potem wyrazić ją jako szkic p5.js z losowością opartą na ziarnie (seed) i regulowanymi parametrami, dostarczany przez stały szablon przeglądarki z brandingiem Anthropic — z nawigacją po ziarnach, suwakami i eksportem do PNG. Używaj go, gdy użytkownik prosi o sztukę generatywną, flow fields, systemy cząsteczkowe albo sztukę algorytmiczną/kodową zamiast statycznego obrazka.

Raport z testu

templates/viewer.html zawiera w pełni podłączony nawigator ziaren z brandingiem Anthropic (prev/next/random/jump, suwaki parametrów, pobieranie PNG), przez który skill przepuszcza każdy szkic — dzięki temu wynik jest konsekwentnie bogatszy i łatwiejszy do odtworzenia niż szkic p5.js pisany od zera na kolanie.

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

Instalacja

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

Komendy i przykładowe prompty

  • /algorithmic-artTworzy generatywną sztukę p5.js z ziarnem losowości i suwakami w jednym, samowystarczalnym pliku HTML z brandingiem.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • 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