von MiniMax-AI
shader-dev ist ein praxisnaher GLSL-Shader-Skill für Echtzeit-Visuals im ShaderToy-Stil. Nutze den shader-dev Skill, um Ray Marching, SDF-Szenen, Beleuchtung, Partikel, Flüssigkeitsbewegungen, Post-Processing und shader-dev für UI-Design mit weniger Rätselraten als bei einem generischen Prompt umzusetzen oder zu debuggen.
von CloudAI-X
Die threejs-textures-Skill für Frontend-Entwicklung behandelt das Laden von Texturen, UV-Mapping, colorSpace, Wrapping, Filtering und Environment Maps, damit Bilder auf Three.js-Materialien korrekt gerendert werden.
von CloudAI-X
threejs-shaders ist ein praktischer Leitfaden für das Schreiben von Three.js-Shaders mit GLSL, ShaderMaterial, uniforms, Vertex-Deformation und Fragment-Effekten. Nutze ihn in der Frontend-Entwicklung, wenn du eine belastbare Shader-Basis, klarere Materialentscheidungen und weniger Rätselraten als bei einem allgemeinen Prompt brauchst.
von CloudAI-X
threejs-materials ist ein Three.js-Materials-Skill zum Auswählen, Konfigurieren und Beheben von Problemen mit Mesh-Materialien. Verwenden Sie ihn für realistisches PBR, unlit Flat Shading, Toon- und Debug-Ansichten, texturgesteuertes Styling und benutzerdefinierte Shader. Er ist besonders nützlich für Frontend-Development-Teams, die Materialentscheidungen schneller und konsistenter treffen wollen.
von CloudAI-X
threejs-postprocessing Skill für Frontend-Entwicklung: Baue EffectComposer-Pipelines mit Bloom, Tiefenschärfe, Blur, Color Grading und eigenen Screen-Space-Passes auf. Nutze diesen Guide, um die Renderkette einzurichten, Effekte fein abzustimmen und das Composer-Rendering in eine bestehende Three.js-Szene zu integrieren.
von CloudAI-X
threejs-loaders hilft dir, Three.js-Assets korrekt zu laden – darunter GLTF/GLB-Modelle, Texturen, HDR-Umgebungen und andere asynchrone Ressourcen. Verwende diese threejs-loaders-Skill im Frontend-Development, wenn du zuverlässiges Laden, Fortschrittsanzeige und weniger Fehler beim Scene-Ready-Status brauchst.
von CloudAI-X
threejs-lighting ist ein praxisorientierter Three.js-Lighting-Skill für Frontend-Entwicklung. Er hilft dir dabei, Lichttypen auszuwählen, Schatten einzurichten, Umgebungslicht hinzuzufügen und Szenen zu korrigieren, die flach, zu dunkel oder überbelichtet wirken. Nutze den threejs-lighting-Guide, wenn du Szenenlicht schneller und konsistenter aufsetzen möchtest.
von CloudAI-X
threejs-geometry hilft dir, Three.js-Geometrien für echte Szenen auszuwählen und umzusetzen: integrierte Formen, BufferGeometry, benutzerdefinierte Meshes und Instancing. Nutze den threejs-geometry Skill für Frontend Development, wenn du den richtigen Konstruktor, die richtige Parameterreihenfolge und performancebewusste Ausgabe brauchst.
von CloudAI-X
threejs-fundamentals hilft Frontend-Entwicklern beim Aufbau und Debugging der zentralen Three.js-App-Struktur: Szene, Kamera, Renderer, Licht, Meshes, Transformationen und Objekt-Hierarchien. Nutze diesen threejs-fundamentals-Leitfaden, um leere Canvas-Flächen zu beheben, Objekte korrekt zu platzieren und eine saubere erste Szene auszuliefern.
von CloudAI-X
threejs-animation Skill für Three.js-Bewegungssysteme: Keyframes, Animation Clips, Mixer, Actions, Skelett-Wiedergabe, Morph Targets und prozedurale Bewegung. Verwenden Sie ihn für Frontend Development, wenn Sie GLTF-Animationen abspielen, Clips mischen oder saubere Animationsschleifen mit weniger Rätselraten aufbauen müssen.
