dev-assets-model-loading

Diese Fähigkeit bietet Audio-Lademuster für React Three Fiber/Three.js-Anwendungen, speziell für das Hinzufügen von Soundeffekten, Hintergrundmusik und positionaler Audiowiedergabe in 3D-Szenen. Sie enthält Codebeispiele sowohl für positionale Audiowiedergabe mit räumlichen Eigenschaften als auch für einfache HTML-Audio-Implementierungen. Nutzen Sie diese Fähigkeit, wenn Sie Audio-Assets in Ihren R3F-Projekten integrieren und verwalten müssen.

Diese Claude-Skill bietet Muster für das Laden statischer Assets in Vite 6, während die Verschmutzung durch '?import'-Query-Parameter vermieden wird. Sie ist nützlich bei der Arbeit mit FBX-Modellen, Bildern, Schriftarten oder beim Umgang mit dem neuen Asset-Handling-System von Vite 6. Die Skill demonstriert korrekte Ansätze für das Laden von Assets aus sowohl öffentlichen als auch src/assets-Verzeichnissen mit praktischen Codebeispielen.

Diese Claude Skill bietet optimierte Texturlademuster für React Three Fiber (R3F)-Anwendungen. Sie hilft Entwicklern, Bildtexturen effizient zu laden und gleichzeitig den Speicherverbrauch zu optimieren sowie Texturfiltereinstellungen zu konfigurieren. Verwenden Sie diese Skill beim Laden von Texturen für Materialien in 3D-Szenen, um Best Practices wie korrekten Farbraum, Mipmapping und Anisotropiekonfiguration anzuwenden.

Diese Skill bietet eine produktionsgetestete Einrichtung für Content Collections – ein TypeScript-first-Tool, das Markdown/MDX-Dateien in typsichere Datensammlungen mit Zod-Validierung umwandelt. Verwenden Sie ihn beim Erstellen von Blogs, Dokumentationsseiten oder inhaltsstarken Vite + React-Anwendungen, um Typsicherheit und automatische Inhaltsvalidierung zu gewährleisten. Er behandelt alles von der Vite-Plugin-Konfiguration und MDX-Kompilierung bis hin zur Deployment-Optimierung und Schema-Validierung.