Creative Code Lab

Referentiegids voor generatieve kunst: flow fields, L-systemen, shaders, partikeltekst, polaire kunst.

Door sacredvoid · sacredvoid/skillkit

Getest · Werkt ★ 8.8/10

Creative Code Lab — Referentiegids voor generatieve kunst: flow fields, L-systemen, shaders, partikeltekst, polaire kunst.

Wat het doet

Een techniek catalogus en code-referentie skill voor creatieve codering: een beslissingsboom die visuele vibes koppelt aan algoritmen (Perlin flow fields, L-systemen, WebGL shaders, cellulaire automaten, polaire/parametrische kunst, Three.js scènes, beeld-naar-kunst transformaties), plus veelvoorkomende fouten en prestatie tabellen. Triggers op generatieve kunst, partikelsystemen, shaders, flow fields, procedurele graphics, of geanimeerde achtergronden/hero secties.

Testrapport

Echte A/B uitgevoerd: baseline naïeve partikel bounce vs. de Perlin-flow-field klasse van de skill met trail fade, HSL kleurmapping, en devicePixelRatio/resize handling — zichtbaar meer georganiseerde code en techniekbreedte, hoewel de eigen inline 'noise2D' een platte hash is (geen echte Perlin), wat het eerlijk markeert als 'voor productie, gebruik een fatsoenlijke noise library' in plaats van te overdrijven.

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

Installatie

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

Commando's en voorbeeldprompts

  • /creative-code-labReferentiegids voor generatieve kunst: flow fields, L-systemen, shaders, partikeltekst, polaire kunst.

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

  • 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