Moh4696/open-3d-skills

O que é?

Recursos principais

• 01Cria cenas com three.js inteiramente em código, sem precisar de arquivos de modelo.
• 02Cria filmes controlados pela rolagem a partir de clipes gerados, com verificação de emendas e suporte a movimento reduzido.
• 03Gera vídeos com transparência para todos os navegadores, incluindo o Safari, usando MP4 com alpha empilhado, alpha em VP9 ou frames WebP.
• 04Gera rigs de personagens que acompanham o cursor, construídos a partir de uma grade de poses.
• 05Cria vistas explodidas interativas com animação de desmontagem em etapas, raio X, cortes de seção e rótulos.
• 06Verifica páginas no Chromium e no WebKit headless em três tamanhos e gera um relatório com uma folha de contato.
• 07Grava vídeos com precisão de frame a 60 fps de qualquer página usando um relógio virtual.

Casos de uso

• Criar uma página de produto ou landing page com uma cena 3D em tempo real que roda a 60 fps.
• Transformar clipes gerados por IA em um filme controlado pela rolagem em um site.
• Adicionar sobreposições de vídeo com transparência que funcionam tanto no Safari quanto no Chrome.
• Explicar o funcionamento de uma máquina com uma vista explodida interativa.
• Gravar vídeos de demonstração fluidos de uma página web para redes sociais ou clientes.

Início rápido

1. 1

   Instale as oito skills com a CLI npx skills (requer Node 22.20 ou mais recente).

   npx skills add Moh4696/open-3d-skills
2. 2

   Inicie uma nova sessão do agente para que ele carregue as skills.

Antes de usar

• !Estas instruções são para agentes de programação, não para um aplicativo independente. Portanto, você precisa de um agente como Claude Code ou Codex para usá-las.
• !Algumas skills precisam do Python 3.9 ou mais recente, do ffmpeg e de um serviço de geração de imagens ou vídeos.
• !O README informa que as skills não armazenam chaves de API, então você precisa fornecer seu próprio acesso ao serviço de geração.

Em coleções

Tópicos

Perguntas frequentes

O que é open-3d-skills?

Oito skills para agentes que ensinam agentes de programação a criar, animar e testar sites 3D e controlados por rolagem com three.js. Open 3D Skills é um conjunto de oito skills para agentes voltadas à criação de sites 3D e animados. Elas abrangem cenas em tempo real com three.js escritas em código, filmes controlados pela rolagem e gerados a partir de clipes de vídeo, vídeos com transparência que funcionam no Safari, personagens que acompanham o cursor, vistas explodidas interativas de máquinas e o trabalho com imagens e vídeos de IA usado para produzir esses recursos.

open-3d-skills é gratuito? Qual é a licença?

open-3d-skills é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

open-3d-skills ainda é mantido?

Manutenção ativa. O último commit de open-3d-skills foi em 31 de out. de 2026.

Para que posso usar open-3d-skills?

Criar uma página de produto ou landing page com uma cena 3D em tempo real que roda a 60 fps. Transformar clipes gerados por IA em um filme controlado pela rolagem em um site. Adicionar sobreposições de vídeo com transparência que funcionam tanto no Safari quanto no Chrome. Explicar o funcionamento de uma máquina com uma vista explodida interativa. Gravar vídeos de demonstração fluidos de uma página web para redes sociais ou clientes.

Como instalar open-3d-skills?

Instale as oito skills com a CLI npx skills (requer Node 22.20 ou mais recente).: npx skills add Moh4696/open-3d-skills Inicie uma nova sessão do agente para que ele carregue as skills.

Onde consigo open-3d-skills?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Moh4696/open-3d-skills