Creative Code Lab

Referenceguide til generativ kunst: flow fields, L-systemer, shaders, partikeltekst, polær kunst.

Af sacredvoid · sacredvoid/skillkit

Testet · Virker ★ 8.8/10

Creative Code Lab — Referenceguide til generativ kunst: flow fields, L-systemer, shaders, partikeltekst, polær kunst.

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