Creative Code Lab
Guía de referencia para arte generativo: campos de flujo, L-systems, shaders, texto de partículas, arte polar.
Probado · Funciona
Qué hace
Un catálogo de técnicas y skill de referencia de código para codificación creativa: un árbol de decisión que mapea vibras visuales a algoritmos (campos de flujo Perlin, L-systems, shaders WebGL, autómatas celulares, arte polar/paramétrico, escenas Three.js, transformaciones de imagen a arte), más tablas de errores comunes y rendimiento. Se activa ante arte generativo, sistemas de partículas, shaders, campos de flujo, gráficos procedurales o fondos animados/secciones principales.
Informe de la prueba
Ejecutó un A/B real: rebote de partículas ingenuo base vs. la clase de campo de flujo Perlin de la skill con rastro desvanecido, mapeo de color HSL y manejo de devicePixelRatio/redimensionamiento — código y amplitud de técnica visiblemente más organizados, aunque el 'noise2D' en línea de la propia skill es un hash simple (no Perlin real), lo cual marca honestamente como 'para producción, usa una biblioteca de ruido adecuada' en lugar de exagerar.
Probado el: 2026-07-16 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/sacredvoid/skillkit mkdir -p ~/.claude/skills cp -r skillkit/skills/creative-code-lab ~/.claude/skills/creative-code-lab
Comandos y prompts de ejemplo
/creative-code-labGuía de referencia para arte generativo: campos de flujo, L-systems, shaders, texto de partículas, arte polar.
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
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