Communitygithub.com

Gohans Three.js Stack

Conjunto curado de 64 repositorios de Three.js y producción de video 3D con bibliotecas probadas y una guía de referencia Antes/Después. Usa esta skill al planificar, construir, renderizar, revisar, depurar o asesorar sobre escenas Three.js, videos explicativos o documentales 3D, exportación MP4 con WebCodecs, matemáticas de cámara, optimización glTF, postprocesado, oclusión ambiental, sincronización de labios, personajes 3D, normalización de volumen de audio, paralaje 2.5D, mapas geoespaciales, fractura física o películas 3D de Minecraft.

¿Qué es Gohans Three.js Stack?

Esta skill proporciona un stack tecnológico completo y curado para la producción de videos 3D con Three.js, abarcando desde la creación de escenas, modelado 3D, postprocesado y audio, hasta la exportación final. Incluye una guía de referencia detallada que compara el enfoque 'Before' (sin las bibliotecas recomendadas) con el 'After' (usándolas), ayudando a los desarrolladores a comprender cuándo y por qué usar cada herramienta. La skill está pensada para agentes de IA como Claude Code, Cursor o Codex, y su documentación enfatiza la investigación de las mejores prácticas y la selección inteligente de herramientas en lugar de aplicar soluciones a ciegas. Entre las bibliotecas destacadas se encuentran 'mediabunny' para captura de pantalla y exportación de video, 'glTF-Transform' para optimización de modelos, 'whisperX' para transcripción, 'postprocessing' para efectos visuales, y 'rhubarb-lip-sync' para sincronización labial de personajes 3D.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Gohans Three.js Stack (investigar mejores prácticas si es necesario)

  • Si en el proyecto se detecta cualquier código personalizado que no utilice la biblioteca correspondiente -> ADVERTENCIA MUY FUERTE
  • Antes/durante/después de implementar/asesorar/trabajar/etc. con un tema/área/tarea/requisito/información/etc. específico relacionado con 3js -> priorizar investigar/implementar/aplicar/asesorar/etc. los repositorios siguientes (investigar las últimas/mejores prácticas es necesario para evitar olvidos/desactualización) (si no existe, investigar si hay alguna biblioteca que lo resuelva; si no la hay, se puede crear código personalizado pero debe informarse al desarrollador)
  • Sé inteligente al elegir las herramientas/armas para utilizarlas de forma armoniosa, eficiente, con las mejores prácticas y de la manera más óptima, NO las apliques ciegamente
  • Referencia detallada (casos de uso, forma correcta de usar, notas al rebobinar draw(t) y comparación Antes/Después para los 64 repositorios): references/gohans-threejs-stack.md

Combate real: Todos los videos de todos los tiempos

https://github.com/Vanilagy/mediabunny (https://mediabunny.dev/llms.txt; mediabunny.d.ts) https://github.com/pmndrs/math (skill math) 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

Modelos 3D y personajes

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

Temas futuros muy probables

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

Específicos

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

Raramente

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

Skills relacionados