Creative Code Lab

Referenzhandbuch für generative Kunst: Flow Fields, L-Systeme, Shader, Partikeltext, Polarkunst.

Getestet · Funktioniert ★ 8.8/10

Was es kann

Ein Technik-Katalog und Code-Referenz-Skill für kreatives Coding: ein Entscheidungsbaum, der visuelle Vibes mit Algorithmen abbildet (Perlin-Flow-Felder, L-Systeme, WebGL-Shader, zelluläre Automaten, Polar-/parametrische Kunst, Three.js-Szenen, Bild-zu-Kunst-Transformationen), plus häufige Fehler und Leistungstabellen. Löst bei generativer Kunst, Partikelsystemen, Shadern, Flow-Feldern, prozeduraler Grafik oder animierten Hintergründen/Hero-Bereichen aus.

Testbericht

Echter A/B-Lauf: Baseline naive Partikel-Bounce vs. das Perlin-Flow-Field-Klasse des Skills mit Trail-Fade, HSL-Farbzuordnung und DevicePixelRatio/Resize-Handhabung – sichtbar besser organisierter Code und breitere Technik, obwohl der eigene Inline-'noise2D' ein einfacher Hash ist (kein echtes Perlin), was er ehrlich als 'für die Produktion, verwenden Sie eine richtige Noise-Bibliothek' kennzeichnet, anstatt zu übertreiben.

Getestet am: 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

Befehle & Beispiel-Prompts

/creative-code-labReferenzhandbuch für generative Kunst: Flow Fields, L-Systeme, Shader, Partikeltext, Polarkunst.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →