Creative Code Lab
Przewodnik referencyjny dla sztuki generatywnej: pola przepływu, L-systemy, shadery, tekst cząsteczkowy, sztuka polarna.
Testowano · Działa
Co robi ten skill
Katalog technik i umiejętność referencyjna dla kreatywnego kodowania: drzewo decyzyjne mapujące wizualne nastroje na algorytmy (pola przepływu Perlin, L-systemy, shadery WebGL, automaty komórkowe, sztuka polarna/parametryczna, sceny Three.js, transformacje obrazu w sztukę), plus tabele typowych błędów i wydajności. Wyzwalana przez sztukę generatywną, systemy cząsteczkowe, shadery, pola przepływu, grafikę proceduralną lub animowane tła/sekcje główne.
Raport z testu
Przeprowadzono rzeczywiste A/B: bazowe naiwne odbicie cząsteczek kontra klasa pól przepływu Perlin umiejętności z zanikaniem śladu, mapowaniem kolorów HSL i obsługą devicePixelRatio/zmiany rozmiaru — wizualnie bardziej zorganizowany kod i szerszy zakres technik, chociaż własny inline 'noise2D' umiejętności jest zwykłym hashem (nie prawdziwym Perlinem), co uczciwie oznacza jako 'do produkcji użyj odpowiedniej biblioteki szumu', zamiast przesadzać.
Testowano: 2026-07-16 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/sacredvoid/skillkit mkdir -p ~/.claude/skills cp -r skillkit/skills/creative-code-lab ~/.claude/skills/creative-code-lab
Komendy i przykładowe prompty
/creative-code-labPrzewodnik referencyjny dla sztuki generatywnej: pola przepływu, L-systemy, shadery, tekst cząsteczkowy, sztuka polarna.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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