GLSL shader programming — holographic effects, TDD workflow
Expertise shaders GLSL — workflow TDD-first avec tests de régression visuelle, patterns de perf GPU (maths branchless, texture atlases, LOD, réglage de précision), règles de sécurité (loop bounds constantes, gardes anti-division par zéro), et recettes de shaders holographiques/d'effets
- Quoi
- Expertise shaders GLSL — workflow TDD-first avec tests de régression visuelle, patterns de perf GPU (maths branchless, texture atlases, LOD, réglage de précision), règles de sécurité (loop bounds constantes, gardes anti-division par zéro), et recettes de shaders holographiques/d'effets
- Coût
- Gratuit
- Prérequis
- un projet WebGL/GLSL que l'agent peut lire et sur lequel travailler (navigateur, Three.js ou similaire) — le skill est une méthodologie de shaders, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill de programmation GLSL de @martinholovsky : expertise GPU pour effets visuels holographiques (le thème JARVIS HUD est un habillage — les techniques sont génériques). Un workflow d'implémentation TDD-first : écrire d'abord les tests qui échouent (compilation du shader, accessibilité des uniforms, régression visuelle contre baselines, cas limites UV), implémenter le minimum pour passer, puis refactorer vers le shader complet et lancer la suite de vérification complète (`test:shaders`, `test:visual`, `bench:shaders`, compat WebGL cross-browser). Patterns de performance avec paires ❌/✅ : maths branchless (mix/step plutôt que if/else), texture atlases pour réduire les draw calls, LOD basé sur la distance pour les octaves de bruit, batching des uniforms en vecteurs/matrices, précision adaptée aux données, cache des lookups de textures. Standards de sécurité : loop bounds constantes toujours (les bornes dynamiques peuvent bloquer le GPU), garder chaque division, limiter les tailles de textures. Inclut des recettes prêtes (panneau holographique avec scanlines, champ d'énergie, barres de data-viz) et une checklist pré-commit. Bémols honnêtes : méthodologie seulement — l'agent a besoin d'un projet WebGL/GLSL pour l'appliquer ; l'auteur déclare un risk level LOW (le code GPU a une surface d'attaque limitée mais peut figer le système si négligé). Unlicense (dédicace au domaine public). Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet WebGL/GLSL que l'agent peut lire et sur lequel travailler (navigateur, Three.js ou similaire) — le skill est une méthodologie de shaders, pas un logiciel à installer Installe-moi « Programmation GLSL — effets holographiques, workflow TDD ». Il donne à mon agent le workflow GLSL de @martinholovsky : implémentation TDD-first (écrire d'abord les tests qui échouent — compilation du shader, accessibilité des uniforms, régression visuelle, cas limites UV — puis implémenter, puis refactorer et lancer la suite de vérification complète), patterns de perf GPU (maths branchless mix/step, texture atlases, LOD basé sur la distance, batching d'uniforms, réglage de précision, lookups de textures cachés), règles de sécurité (loop bounds constantes toujours, garder chaque division, limiter les tailles de textures), recettes de shaders prêtes (panneau holographique avec scanlines, champ d'énergie, barres de data-viz), et une checklist pré-commit — avec patterns avancés dans references/advanced-patterns.md. Sans licence (domaine public). Dépôt : https://github.com/martinholovsky/claude-skills-generator/blob/main/skills/glsl/SKILL.md 1. Récupère le fichier SKILL.md (et le dossier references/) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les références pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « glsl ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. pointer l'agent vers mon projet WebGL/GLSL ou mes fichiers de shaders ; rien d'autre — c'est une méthodologie). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.