Shader

shader-dev est un skill GLSL pratique pour des visuels temps réel à la ShaderToy. Utilisez le skill shader-dev pour créer ou déboguer du ray marching, des scènes SDF, l’éclairage, des particules, le mouvement fluide, le post-traitement et le shader-dev pour la conception d’interface, avec moins d’approximation qu’avec un prompt générique.

threejs-shaders est un guide pratique pour écrire des shaders Three.js avec GLSL, ShaderMaterial, les uniforms, la déformation de sommets et les effets de fragment. Utilisez-le pour le développement frontend lorsque vous avez besoin d’une base de shader fonctionnelle, de choix de matériaux plus clairs et de moins d’hésitations qu’avec un prompt générique.

threejs-materials est une skill Three.js dédiée au choix, au paramétrage et au débogage des matériaux de mesh. Utilisez-la pour le PBR réaliste, le flat shading non éclairé, le toon shading, les vues de debug, le stylisme piloté par les textures et les shaders personnalisés. Elle est utile aux équipes de développement front-end qui veulent prendre des décisions sur les matériaux plus vite et de façon plus cohérente.

Skill threejs-postprocessing pour le développement frontend : ajoutez des pipelines `EffectComposer`, du bloom, de la profondeur de champ, du flou, du color grading et des passes personnalisées en screen-space. Ce guide vous aide à mettre en place la chaîne de rendu, à régler les effets et à intégrer le rendu du composer dans une scène Three.js existante.

threejs-lighting est un skill Three.js pratique pour le développement frontend. Il vous aide à choisir les types de lumière, configurer les ombres, ajouter un éclairage d’environnement et corriger les scènes qui paraissent plates, trop sombres ou surexposées. Utilisez le guide threejs-lighting quand vous avez besoin d’un éclairage de scène plus rapide et plus cohérent.

makepad-2.0-shaders est un skill de Frontend Development pour écrire et déboguer du code shader Makepad 2.0. Utilisez ce skill makepad-2.0-shaders pour les blocs `pixel: fn()` et `vertex: fn()`, les formes `Sdf2d`, le dessin de widgets personnalisés, l’alpha prémultiplié, ainsi que des conseils pratiques d’installation et d’utilisation.