Communitygithub.com

Gohans Three.js-Stack (Kuratierte 64-Repository-Referenz)

Kuratierte 64-Repository Three.js- und 3D-Videoproduktions-Tech-Stack mit kampferprobten Bibliotheken und einem Vorher/Nachher-Referenzleitfaden. Verwenden Sie diesen Skill bei der Planung, Erstellung, Darstellung, Überprüfung, Fehlersuche oder Beratung zu Three.js-Szenen, 3D-Erklär- oder Dokumentarvideos, WebCodecs-MP4-Export, Kameramatik, glTF-Optimierung, Post-Processing, Ambient Occlusion, Lippensynchronisation, 3D-Charakteren, Audio-Lautstärkenormalisierung, 2,5D-Parallax, Geodatenkarten, Physik-Fracture oder Minecraft-3D-Filmen.

Was ist Gohans Three.js-Stack (Kuratierte 64-Repository-Referenz)?

Dieser Skill bietet eine kuratierte Übersicht von 64 Repositories, die einen kampferprobten Technologie-Stack für Three.js und 3D-Videoproduktion abdecken. Er enthält eine detaillierte Vorher/Nachher-Referenz für den gesamten Stack, die Anwendungsfälle, bewährte Verwendungsweisen und wichtige Hinweise beim Umgang mit `draw(t)` auflistet. Der Skill betont die starke Warnung vor benutzerdefiniertem Code ohne die entsprechende Bibliothek und fordert dazu auf, diese Repositories zu recherchieren und anzuwenden, bevor eigene Lösungen entwickelt werden. Er deckt Bereiche wie Rendering, Physiksimulation, Videoproduktion (Mediabunny, ffmpeg), 3D-Modellierung und -Charaktere, Geodatenvisualisierung, Minecraft-spezifische Werkzeuge und spezialisierte Bibliotheken (z. B. Lippensynchronisation, Audiokompression, kolorimetrische Analyse) ab. Der Skill ist für Entwickler und KI-Agenten gedacht, die bei der Arbeit an Three.js-basierten 3D-Video- oder Interaktivprojekten sofort auf bewährte Lösungen zugreifen müssen, und ermöglicht eine effiziente und qualitativ hochwertige Entwicklung, indem er die Einschränkungen und besten Praktiken jeder Bibliothek klarstellt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Gohans1/gohans-skills/tree/HEAD/gohans-3js-videos-skills

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Gohans Three.js-Stack (Recherchiere Best Practices, falls nötig)

  • Wenn im Projekt benutzerdefinierter Code gefunden wird, der keine entsprechende Bibliothek verwendet -> STARKE WARNUNG MELDEN
  • Vor/während/nach der Implementierung/Beratung/Arbeit/etc. mit einem bestimmten Thema/Bereich/Aufgabe/Anforderung/Information/etc. im Zusammenhang mit 3js -> priorisiere die Recherche/Implementierung/Anwendung/Beratung/etc. der folgenden Repositories (Recherche nach neuesten/besten Praktiken ist notwendig, falls etwas vergessen oder veraltet ist) (wenn nicht vorhanden, recherchiere, ob es bereits eine Bibliothek gibt, die das Problem löst; wenn nicht, kann benutzerdefinierter Code erstellt werden, muss aber dem Entwickler gemeldet werden)
  • Sei intelligent bei der Auswahl von Werkzeugen/Waffen, um sie harmonisch und effektiv/nach Best Practices/optimal zu kombinieren, NICHT blind anwenden
  • Detaillierte Referenz (Anwendungsfall, korrekte Verwendung, Hinweise beim Zurückspulen von draw(t) und Vorher/Nachher-Vergleich für alle 64 Repos): references/gohans-threejs-stack.md

Praxis: Alle Videos aller Zeiten

https://github.com/Vanilagy/mediabunny (https://mediabunny.dev/llms.txt; mediabunny.d.ts) https://github.com/pmndrs/math (math skill) https://github.com/donmccurdy/glTF-Transform https://github.com/zeux/meshoptimizer https://github.com/KhronosGroup/glTF-Validator https://github.com/m-bain/whisperX https://github.com/pmndrs/postprocessing https://github.com/N8python/n8ao https://github.com/csteinmetz1/pyloudnorm https://github.com/slhck/ffmpeg-normalize https://github.com/Netflix/vmaf https://github.com/mapbox/pixelmatch https://github.com/gkjohnson/three-mesh-bvh https://github.com/Evercoder/culori https://github.com/ashima/webgl-noise https://github.com/protectwise/troika https://github.com/lovell/sharp https://github.com/yt-dlp/yt-dlp https://github.com/Breakthrough/PySceneDetect

3D-Modelle & Charaktere

https://github.com/DanielSWolf/rhubarb-lip-sync https://github.com/microsoft/Microsoft-Rocketbox

Sehr wahrscheinlich relevante Zukunftsthemen

https://github.com/sparkjsdev/spark https://github.com/Alchemist0823/three.quarks https://github.com/DepthAnything/Depth-Anything-V2 https://github.com/danielgatis/rembg https://github.com/advimman/lama https://github.com/vasturiano/three-forcegraph https://github.com/vasturiano/three-globe https://github.com/NASA-AMMOS/3DTilesRendererJS https://github.com/maplibre/maplibre-gl-js https://github.com/protomaps/PMTiles https://github.com/Turfjs/turf https://github.com/mapbox/supercluster https://github.com/d3/d3 https://github.com/greensock/GSAP https://github.com/takram-design-engineering/three-geospatial https://github.com/dimforge/rapier/tree/master/typescript https://github.com/dgreenheck/three-pinata https://github.com/FarazzShaikh/THREE-CustomShaderMaterial https://github.com/pmndrs/drei-vanilla https://github.com/instruktlabs/kiln https://github.com/nv-tlabs/kimodo

Spezifisch

Minecraft

https://github.com/ewanhowell5195/block-model-renderer https://github.com/InventivetalentDev/MineRender (https://beta-docs.minerender.org) https://github.com/Moo-Ack-Productions/MCprep https://github.com/JannisX11/wintersky https://github.com/misode/deepslate https://github.com/Schem-at/Nucleation https://github.com/erich666/Mineways https://github.com/Mojang/bedrock-samples https://github.com/JannisX11/blockbench https://github.com/jasonjgardner/blockbench-mcp-plugin

Selten verwendet

https://github.com/nomadkaraoke/python-audio-separator https://github.com/mikedh/trimesh https://github.com/f3d-app/f3d https://github.com/elalish/manifold https://github.com/dgreenheck/ez-tree https://github.com/gkjohnson/three-edge-projection https://github.com/opentypejs/opentype.js https://github.com/rough-stuff/rough https://github.com/cosinekitty/astronomy https://github.com/shashwatak/satellite-js https://github.com/KhronosGroup/KTX-Software https://github.com/agargaro/instanced-mesh

Verwandte Skills