Shadertoy To Flutter
Poort Shadertoy GLSL shaders naar Flutter .frag-bestanden die daadwerkelijk compileren en laden.
Getest · Werkt
Wat het doet
Converteert een geplakte Shadertoy fragment shader naar een Flutter-compatibel .frag-bestand voor FragmentProgram/Impeller, waarbij de entry-point herschrijving, iResolution/iTime/iChannel* uniform substituties, fill-vs-wrap classificatie en Flutter/SkSL-specifieke beperkingen (geen #version, geen array initializers, geen integer min/max/clamp) worden afgehandeld. Triggert wanneer een gebruiker een Shadertoy shader plakt of linkt en deze in Flutter wil laten draaien, of een .frag-bestand heeft dat niet compileert vanwege achtergebleven Shadertoy constructies.
Testrapport
Voerde een echte poort uit van de standaard Shadertoy 'hello world' cosine-palette shader: de baseline (geen skill) behield een #version directive en gl_FragCoord/iResolution/iTime uniform namen, wat Flutter's Impeller compiler afwijst of stilzwijgend mismatches volgens Flutter's eigen documentatie; de uitvoer van de skill liet #version vallen, voegde de flutter/runtime_effect.glsl include toe, en hernoemde naar uSize/uTime/FlutterFragCoord() volgens de gedocumenteerde binding regels -- een concreet compileer-of-niet verschil, niet alleen stijl.
Getest op: 2026-07-15 · Claude Code 2.x (agent harness)
Installatie
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
Commando's en voorbeeldprompts
/shadertoy-to-flutterPoort Shadertoy GLSL shaders naar Flutter .frag-bestanden die daadwerkelijk compileren en laden.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
Can you port this Shadertoy shader into a working Flutter fragment shader?My .frag file won't compile in Flutter, it still references iResolutionConvert this GLSL mainImage function into Flutter's FragmentProgram API