Creative Code Lab
Referentiegids voor generatieve kunst: flow fields, L-systemen, shaders, partikeltekst, polaire kunst.
Getest · Werkt
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 sectionShow me how to code an L-system tree with a decent shaderI want a generative art canvas background, organic and flowing