Shadertoy To Flutter
Portiert Shadertoy GLSL-Shader in Flutter .frag-Dateien, die tatsächlich kompilieren und laden.
Getestet · Funktioniert
Was es kann
Konvertiert einen eingefügten Shadertoy-Fragment-Shader in eine Flutter-kompatible .frag-Datei für FragmentProgram/Impeller, wobei die Entry-Point-Umschreibung, iResolution/iTime/iChannel*-Uniform-Substitutionen, Fill-vs-Wrap-Klassifizierung und Flutter/SkSL-spezifische Einschränkungen (kein #version, keine Integer-Array-Initialisierer, keine Integer-min/max/clamp) behandelt werden. Löst aus, wenn ein Benutzer einen Shadertoy-Shader einfügt oder verlinkt und ihn in Flutter ausführen möchte, oder wenn eine .frag-Datei aufgrund von übrig gebliebenen Shadertoy-Konstrukten nicht kompiliert.
Testbericht
Ein echter Port des Standard-Shadertoy-'Hello World'-Kosinus-Paletten-Shaders wurde ausgeführt: Die Baseline (kein Skill) behielt eine #version-Direktive und gl_FragCoord/iResolution/iTime-Uniform-Namen bei, die Flutter's Impeller-Compiler ablehnt oder stillschweigend falsch zuordnet, gemäß den eigenen Dokumenten von Flutter; die Ausgabe des Skills ließ #version fallen, fügte den include flutter/runtime_effect.glsl hinzu und benannte ihn gemäß seinen dokumentierten Bindungsregeln in uSize/uTime/FlutterFragCoord() um – ein konkreter Kompilierungs- oder Nicht-Kompilierungsunterschied, nicht nur Stil.
Getestet am: 2026-07-15 · Claude Code 2.x (agent harness)
Installation
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
Befehle & Beispiel-Prompts
/shadertoy-to-flutterPortiert Shadertoy GLSL-Shader in Flutter .frag-Dateien, die tatsächlich kompilieren und laden.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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