Creative Code Lab
Referenceguide til generativ kunst: flow fields, L-systemer, shaders, partikeltekst, polær kunst.
Testet · Virker
Hvad det gør
En teknik-katalog og kode-reference skill til kreativ kodning: et beslutningstræ, der kortlægger visuelle stemninger til algoritmer (Perlin flow fields, L-systemer, WebGL shaders, cellulære automater, polær/parametrisk kunst, Three.js scener, billede-til-kunst transformationer), plus almindelige fejl og performance-tabeller. Triggere på generativ kunst, partikelsystemer, shaders, flow fields, proceduregrafik eller animerede baggrunde/hero-sektioner.
Testrapport
Kørte en reel A/B: baseline naiv partikel-bounce vs skillens Perlin-flow-field klasse med trail fade, HSL farve-mapping og devicePixelRatio/resize håndtering — synligt mere organiseret kode og teknikbredde, selvom skillens egen inline 'noise2D' er en simpel hash (ikke ægte Perlin), hvilket den ærligt markerer som 'til produktion, brug et ordentligt noise-bibliotek' i stedet for at oversalge.
Testet: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/sacredvoid/skillkit mkdir -p ~/.claude/skills cp -r skillkit/skills/creative-code-lab ~/.claude/skills/creative-code-lab
Kommandoer og eksempelprompter
/creative-code-labReferenceguide til generativ kunst: flow fields, L-systemer, shaders, partikeltekst, polær kunst.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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