Creative Code Lab
Referensguide för generativ konst: flödesfält, L-system, shaders, partikeltext, polär konst.
Testad · Fungerar
Vad den gör
En teknik-katalog och kod-referensfärdighet för kreativ kodning: ett beslutsträd som mappar visuella vibbar till algoritmer (Perlin flödesfält, L-system, WebGL shaders, cellulära automater, polär/parametrisk konst, Three.js-scener, bild-till-konst-transformationer), plus vanliga misstag och prestanda-tabeller. Triggers på generativ konst, partikelsystem, shaders, flödesfält, procedurell grafik, eller animerade bakgrunder/hjältesektioner.
Testrapport
Körde en verklig A/B: baslinje naiv partikelstuds vs färdighetens Perlin-flödesfält-klass med spår-fade, HSL-färgmappning och devicePixelRatio/resize-hantering — synligt mer organiserad kod och teknisk bredd, även om färdighetens egen inline 'noise2D' är en enkel hash (inte äkta Perlin), vilket den ärligt flaggar som 'för produktion, använd ett riktigt brusbibliotek' istället för att överdriva.
Testad: 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
Kommandon och exempelprompter
/creative-code-labReferensguide för generativ konst: flödesfält, L-system, shaders, partikeltext, polär konst.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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