Creative Code Lab

Referensguide för generativ konst: flödesfält, L-system, shaders, partikeltext, polär konst.

av sacredvoid · sacredvoid/skillkit

Testad · Fungerar ★ 8.8/10

Creative Code Lab — Referensguide för generativ konst: flödesfält, L-system, shaders, partikeltext, polär konst.

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 section
  • Show me how to code an L-system tree with a decent shader
  • I want a generative art canvas background, organic and flowing