En los propios términos del Skill
Un único skill de GLSL que reúne 36 técnicas de shaders compatibles con ShaderToy para efectos visuales en tiempo real: geometría SDF, ray marching e iluminación, simulación de fluidos, partículas y física, fenómenos naturales (océano, terreno, atmósfera, volumétrico), generación procedural, posprocesado, audio y depuración de WebGL2.
Una tabla de enrutamiento asigna cada solicitud a archivos de técnicas bajo techniques/ que contienen principios fundamentales, pasos de implementación y plantillas de código completas, con matemática más profunda en reference/. Luego aplica reglas de adaptación a WebGL2 al producir páginas HTML independientes — gl_FragCoord.xy en lugar de fragCoord, un wrapper void main() para mainImage, const en lugar de macros de llamada a función — dentro de un presupuesto de rendimiento fijo, con recetas rápidas e intercambios de depuración visual.
Qué produce
- GLSL compatible con ShaderToy para una de 36 técnicas de efectos, utilizable como base de un visual en tiempo real.
- Una página HTML independiente cuyo canvas llena el viewport, se redimensiona con la ventana, se ubica sobre un fondo negro sin barras de desplazamiento, y expone los uniforms compatibles con ShaderToy iTime, iResolution, iMouse e iFrame.
- Efectos multipaso construidos sobre framebuffers de WebGL2 con buffers ping-pong para estado tipo Buffer A/B.
- Una cadena de posprocesado terminada, como tone mapping ACES combinado con SSAA 2x y viñeta para escenas fotorrealistas.
Cómo funciona
- 01Enrutar la Solicitud a una Técnica
El agente compara la redacción del usuario con la tabla de enrutamiento de técnicas para elegir una técnica principal más otras combinables, en lugar de leer los 36 archivos.
- 02Leer el Archivo de Técnica
Cada archivo bajo techniques/ es autocontenido y proporciona principios, pasos de implementación ordenados y una plantilla de código completa para el efecto.
- 03Escalar a Reference/ para matemáticas
Cuando se necesitan derivaciones o patrones avanzados, el agente sigue el enlace al final del archivo de técnica hacia la guía correspondiente en reference/.
- 04Portar la salida de ShaderToy a WebGL2
Para entregables HTML independientes, las reglas de adaptación a WebGL2 se aplican sobre el código estilo ShaderToy antes de escribir la página.
- 05Ensamblar recetas en un pipeline
Las recetas rápidas encadenan módulos —geometría, renderizado, iluminación, atmósfera, post— en un pipeline completo en lugar de un único efecto.
- 06Depurar intercambiando la salida
La salida se sustituye temporalmente por normales, conteos de pasos, profundidad o bandas de SDF para localizar un fallo antes de restaurar el color real.