shadertoy
✓Cette compétence doit être utilisée lorsque vous travaillez avec des shaders Shadertoy, des shaders de fragments GLSL ou lorsque vous créez des graphiques procéduraux pour le Web. À utiliser lors de l'écriture de fichiers .glsl, de l'implémentation d'effets visuels, de la création d'art génératif ou de l'utilisation du code de shader WebGL. Cette compétence fournit une référence sur la syntaxe GLSL ES, des modèles de shader courants et des conventions spécifiques à Shadertoy.
Installation
SKILL.md
Shadertoy is a platform for creating and sharing GLSL fragment shaders that run in the browser using WebGL. This skill provides comprehensive guidance for writing shaders including GLSL ES syntax, common patterns, mathematical techniques, and best practices specific to real-time procedural graphics.
| vec3 | iResolution | Viewport resolution (x, y, aspect ratio) | | float | iTime | Current time in seconds (primary animation driver) | | float | iTimeDelta | Time to render one frame | | int | iFrame | Current frame number | | vec4 | iMouse | Mouse: xy = current position, zw = click position | | sampler2D | iChannel0-iChannel3 | Input textures/buffers |
| vec3 | iChannelResolution[4] | Resolution of each input channel | | vec4 | iDate | Year, month, day, time in seconds (.xyzw) |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/bfollington/terma --skill shadertoy- Source
- bfollington/terma
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que shadertoy ?
Cette compétence doit être utilisée lorsque vous travaillez avec des shaders Shadertoy, des shaders de fragments GLSL ou lorsque vous créez des graphiques procéduraux pour le Web. À utiliser lors de l'écriture de fichiers .glsl, de l'implémentation d'effets visuels, de la création d'art génératif ou de l'utilisation du code de shader WebGL. Cette compétence fournit une référence sur la syntaxe GLSL ES, des modèles de shader courants et des conventions spécifiques à Shadertoy. Source : bfollington/terma.
Comment installer shadertoy ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/bfollington/terma --skill shadertoy Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/bfollington/terma
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01