Creative Code Lab

Guida di riferimento per l'arte generativa: campi di flusso, L-systems, shader, testo particellare, arte polare.

di sacredvoid · sacredvoid/skillkit

Promosso ★ 8.8/10

Creative Code Lab — Guida di riferimento per l'arte generativa: campi di flusso, L-systems, shader, testo particellare, arte polare.

Cosa fa

Un catalogo di tecniche e skill di riferimento codice per la codifica creativa: un albero decisionale che mappa vibrazioni visive ad algoritmi (campi di flusso Perlin, L-systems, shader WebGL, automi cellulari, arte polare/parametrica, scene Three.js, trasformazioni immagine-in-arte), più tabelle comuni-errori e prestazioni. Si attiva su arte generativa, sistemi particellari, shader, campi di flusso, grafica procedurale o sfondi animati/sezioni hero.

Rapporto di test

Eseguito un vero A/B: rimbalzo particellare ingenuo baseline vs la classe campo di flusso Perlin della skill con dissolvenza della scia, mappatura colore HSL e gestione devicePixelRatio/ridimensionamento — codice e ampiezza tecnica visibilmente più organizzati, sebbene il 'noise2D' inline della skill sia un semplice hash (non vero Perlin), che segnala onestamente come 'per produzione, usa una libreria di rumore appropriata' anziché vendere troppo.

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

Installazione

git clone https://github.com/sacredvoid/skillkit
mkdir -p ~/.claude/skills
cp -r skillkit/skills/creative-code-lab ~/.claude/skills/creative-code-lab

Comandi e prompt di esempio

  • /creative-code-labGuida di riferimento per l'arte generativa: campi di flusso, L-systems, shader, testo particellare, arte polare.

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

  • Build an animated flow-field particle background for my hero section
  • Show me how to code an L-system tree with a decent shader
  • I want a generative art canvas background, organic and flowing