Algorithmic Art

Crea arte generativa p5.js con seed e slider in un unico file HTML interattivo, brandizzato e autonomo.

di ThinkInAIXYZ · ThinkInAIXYZ/deepchat

Promosso ★ 9.6/10

Algorithmic Art — Crea arte generativa p5.js con seed e slider in un unico file HTML interattivo, brandizzato e autonomo.

Cosa fa

Algorithmic Art fa scrivere a Claude prima una breve 'filosofia algoritmica' per un movimento di arte generativa, poi la traduce in uno sketch p5.js con randomness basata su seed e parametri regolabili, consegnato tramite un template visualizzatore fisso brandizzato Anthropic con navigazione dei seed, slider ed export PNG. Usalo quando l'utente chiede arte generativa, flow field, sistemi di particelle o arte algoritmica/basata su codice invece di un'immagine statica.

Rapporto di test

templates/viewer.html include un navigatore di seed brandizzato Anthropic già completamente funzionante (prev/next/random/jump, slider dei parametri, download PNG) attraverso cui la skill forza ogni sketch, rendendo l'output costantemente più ricco e riproducibile rispetto a uno sketch p5.js scritto da zero senza struttura.

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

Installazione

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

Comandi e prompt di esempio

  • /algorithmic-artCrea arte generativa p5.js con seed e slider in un unico file HTML interattivo, brandizzato e autonomo.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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