mira-3d

What problem does it solve?

Adiciona um elemento 3D real dentro do card de um slide do Mira: o objeto gira sozinho, o usuário pode arrastar para rotacionar e dar zoom, e o card fica limpo, com o 3D ocupando a maior parte da altura útil. A Skill oferece a escolha entre CSS 3D puro, Three.js procedural e glTF (quando o usuário fornece um .glb ou aceita buscar modelos gratuitos na web), com suporte a servidor HTTP para modelos locais.

Core Features & Use Cases

• Suporte a 3 camadas: CSS 3D, Three.js procedural e glTF.
• Loop de animação contínua com pausa/retomada na interação.
• Preparação de slides com servidor local para modelos .glb e launcher de apresentação.
• Use Case: criar slides com modelos 3D interativos para demonstrações de produtos ou protótipos.

Quick Start

Diga "/mira-3d" para aplicar um elemento 3D interativo ao canvas de um slide.