Creative Code Lab

Reference guide for generative art: flow fields, L-systems, shaders, particle text, polar art.

Tested · Works

Test report

Verdict
Tested · Works
Score
8.8/10
Tested
Jul 16, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · b21ae9c

Ran a real A/B: baseline naive particle bounce vs the skill's Perlin-flow-field class with trail fade, HSL color mapping, and devicePixelRatio/resize handling — visibly more organized code and technique breadth, though the skill's own inline 'noise2D' is a plain hash (not true Perlin), which it honestly flags as 'for production, use a proper noise library' rather than overselling.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 7/10
  • Docs & honesty 5/5

What Creative Code Lab does

A technique catalog and code-reference skill for creative coding: a decision tree mapping visual vibes to algorithms (Perlin flow fields, L-systems, WebGL shaders, cellular automata, polar/parametric art, Three.js scenes, image-to-art transforms), plus common-mistakes and performance tables. Triggers on generative art, particle systems, shaders, flow fields, procedural graphics, or animated backgrounds/hero sections.

How to install Creative Code Lab

git clone https://github.com/sacredvoid/skillkit
mkdir -p ~/.claude/skills
cp -r skillkit/skills/creative-code-lab ~/.claude/skills/creative-code-lab

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger Creative Code Lab

  • /creative-code-lab Reference guide for generative art: flow fields, L-systems, shaders, particle text, polar art.

It also activates on plain-language prompts like these:

  • 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

Frequently asked questions

Is the Creative Code Lab skill free?
Yes. The skill itself is free from sacredvoid/skillkit. SkillProof publishes the install command and an independent test verdict at no cost.
Does Creative Code Lab work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 16, 2026. Verdict: Tested · Works. Ran a real A/B: baseline naive particle bounce vs the skill's Perlin-flow-field class with trail fade, HSL color mapping, and devicePixelRatio/resize handling — visibly more organized code and technique breadth, though the skill's own inline 'noise2D' is a plain hash (not true Perlin), which it honestly flags as 'for production, use a proper noise library' rather than overselling.
What is the Creative Code Lab SkillProof Score?
8.8/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 7/10, docs & honesty 5/5.
How do I install Creative Code Lab?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Creative Code Lab with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.