Shadertoy To Flutter

Porta gli shader GLSL di Shadertoy in file .frag di Flutter che compilano e caricano effettivamente.

di FlutterFlow · FlutterFlow/shadertoy_to_flutter_skill

Promosso ★ 9.6/10

Shadertoy To Flutter — Porta gli shader GLSL di Shadertoy in file .frag di Flutter che compilano e caricano effettivamente.

Cosa fa

Converte uno shader di frammento Shadertoy incollato in un file .frag compatibile con Flutter per FragmentProgram/Impeller, gestendo la riscrittura del punto di ingresso, le sostituzioni di uniform iResolution/iTime/iChannel*, la classificazione fill-vs-wrap e le restrizioni specifiche di Flutter/SkSL (nessun #version, nessun inizializzatore di array, nessun min/max/clamp intero). Si attiva quando un utente incolla o collega uno shader Shadertoy e desidera eseguirlo in Flutter, o ha un file .frag che non compila a causa di costrutti Shadertoy residui.

Rapporto di test

Eseguito un vero porting dello shader standard Shadertoy 'hello world' cosine-palette: la baseline (nessuna skill) manteneva una direttiva #version e nomi di uniform gl_FragCoord/iResolution/iTime, che il compilatore Impeller di Flutter rifiuta o non corrisponde silenziosamente del tutto secondo la documentazione di Flutter; l'output della skill ha omesso #version, aggiunto l'inclusione flutter/runtime_effect.glsl e rinominato in uSize/uTime/FlutterFragCoord() secondo le sue regole di binding documentate — una differenza concreta di compilazione o meno, non solo di stile.

Testato il: 2026-07-15 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

  • /shadertoy-to-flutterPorta gli shader GLSL di Shadertoy in file .frag di Flutter che compilano e caricano effettivamente.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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