Shadertoy To Flutter

Porta shaders GLSL de Shadertoy a archivos .frag de Flutter que realmente compilan y cargan.

Por FlutterFlow · FlutterFlow/shadertoy_to_flutter_skill

Probado · Funciona ★ 9.6/10

Shadertoy To Flutter — Porta shaders GLSL de Shadertoy a archivos .frag de Flutter que realmente compilan y cargan.

Qué hace

Convierte un shader de fragmento de Shadertoy pegado en un archivo .frag compatible con Flutter para FragmentProgram/Impeller, manejando la reescritura del punto de entrada, sustituciones de uniformes iResolution/iTime/iChannel*, clasificación fill-vs-wrap y restricciones específicas de Flutter/SkSL (sin #version, sin inicializadores de arreglos, sin min/max/clamp enteros). Se activa cuando un usuario pega o enlaza un shader de Shadertoy y quiere ejecutarlo en Flutter, o tiene un archivo .frag que falla al compilar debido a construcciones restantes de Shadertoy.

Informe de la prueba

Se ejecutó un puerto real del shader de paleta de cosenos 'hola mundo' estándar de Shadertoy: la línea base (sin habilidad) mantuvo una directiva #version y nombres de uniformes gl_FragCoord/iResolution/iTime, que el compilador Impeller de Flutter rechaza o no coincide silenciosamente directamente según la propia documentación de Flutter; la salida de la habilidad eliminó #version, agregó la inclusión flutter/runtime_effect.glsl y cambió el nombre a uSize/uTime/FlutterFragCoord() según sus reglas de enlace documentadas: una diferencia concreta de compilación o no, no solo de estilo.

Probado el: 2026-07-15 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/FlutterFlow/shadertoy_to_flutter_skill
mkdir -p ~/.claude/skills
cp -r shadertoy_to_flutter_skill ~/.claude/skills/shadertoy-to-flutter

Comandos y prompts de ejemplo

  • /shadertoy-to-flutterPorta shaders GLSL de Shadertoy a archivos .frag de Flutter que realmente compilan y cargan.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • Can you port this Shadertoy shader into a working Flutter fragment shader?
  • My .frag file won't compile in Flutter, it still references iResolution
  • Convert this GLSL mainImage function into Flutter's FragmentProgram API