Deixa os clientes rodar, recolorir e configurar em 3D
A VULK gera um configurador 3D de produto funcional a partir de um prompt: um visualizador interativo Three.js / React Three Fiber onde os clientes rodam o produto e trocam materiais e opções em tempo real — com uma base de dados PostgreSQL real para opções e preços.
62% das apps geradas na VULK incluem um schema SQL (dados da plataforma VULK, julho de 2026) — e um configurador não é exceção: opções, variantes e preços vivem em tabelas reais, não em arrays fixos no código, para que a tua equipa atualize o catálogo sem tocar no código 3D.
Atualizado a 18 de julho de 2026
O prompt completoUm ponto de partida concreto
Cria um configurador de secretárias com tamanhos, acabamentos e pernas à escolha. Mostra a seleção em 3D, o preço discriminado e um pedido de orçamento com a configuração exata.
O prompt completo
Adapta este pedido ao teu negócio e constrói e aperfeiçoa o projeto na VULK.
Cria um configurador de secretárias com tamanhos, acabamentos e pernas à escolha. Mostra a seleção em 3D, o preço discriminado e um pedido de orçamento com a configuração exata. Inclui estas capacidades: - Visualizador 3D interativo — rodar, ampliar e inspecionar o produto - Troca de materiais, cores e opções em tempo real - Opções, variantes e preços guardados em PostgreSQL - Fluxo de pedido de orçamento ou de adição ao carrinho ligado à configuração - Pré-visualização ao vivo, publicação com um clique e exportação total do código Constrói o projeto completo e funcional, com rotas, modelo de dados e interações. Para dados guardados ou privados, implementa persistência, autenticação e permissões no servidor. Mantém credenciais de API no servidor. Documenta a configuração dos serviços externos e usa modo de teste até ligar contas reais. Não apresentes uma integração simulada como uma ligação real concluída. Cria uma interface responsiva com etiquetas acessíveis, navegação por teclado e foco visível. Inclui estados de carregamento, vazio, validação e erro. Identifica os dados de exemplo e não inventes testemunhos nem resultados de clientes. Escolhe uma direção visual adequada ao projeto e mantém coerência na tipografia, espaçamento e controlos. Explica como executar, testar, exportar e publicar o código. Verifica este percurso completo: Altera cada opção, recarrega uma configuração guardada e pede orçamento. Modelo, preço e especificação enviada devem corresponder ao mesmo produto.
Explora outras coisas que podes criar
Todos os casos de usoO que recebes
- +Visualizador 3D interativo — rodar, ampliar e inspecionar o produto
- +Troca de materiais, cores e opções em tempo real
- +Opções, variantes e preços guardados em PostgreSQL
- +Fluxo de pedido de orçamento ou de adição ao carrinho ligado à configuração
- +Pré-visualização ao vivo, publicação com um clique e exportação total do código
Perguntas frequentes
Pode usar o meu próprio modelo 3D?
Sim. O visualizador gerado carrega modelos glTF/GLB padrão. Gera uma cena inicial a partir do prompt e depois troca pelo modelo do teu produto no código exportado ou por iteração.
Onde vivem as opções e os preços?
Numa base de dados PostgreSQL real gerada com a app — com endpoints REST, para editares opções, variantes e preços sem voltar a publicar o frontend 3D.
É um widget para embeber ou uma app completa?
Uma app completa. A VULK gera a página inteira do configurador — visualizador, UI de opções, backend e publicação — como código React + Three.js teu, não um iframe alugado.