Como criei um site de rolagem 3D em 2 horas usando Claude Code e Veo
Um usuário do Reddit u/Tough-Survey-2155 compartilhou um fluxo de trabalho para construir um site com rolagem 3D do zero em cerca de 2 horas. O método usa Claude Code para o trabalho pesado, com uma habilidade personalizada de vídeo para site (créditos a Nate Herk) e Veo para geração de vídeo.
Fluxo de trabalho
- Crie uma habilidade de vídeo para site — isso serve como base para traduzir movimento em interações acionadas por rolagem.
- Extraia imagens do primeiro e último quadro do vídeo de origem e use Veo para convertê-las em um novo vídeo. O prompt de vídeo foi gerado via ChatGPT.
- Instrua o Claude Code a construir o site usando o ativo de vídeo. O autor relata que, uma vez que o vídeo estava no lugar, o restante foi questão de prompts diretos.
- Ajustes de design — algumas alterações manuais foram necessárias após a geração.
Resultados e links
- Site ao vivo: royal-pop-website.vercel.app
- Código fonte completo: github.com/hamzafarooq/claude-code-starter
O repositório inclui modelos iniciais do Claude Code que podem ser reutilizados para projetos semelhantes. O autor observa que o processo completo levou apenas 2 horas, tornando esta uma referência prática para desenvolvedores que desejam prototipar rapidamente sites 3D com rolagem usando assistência de IA.
📖 Leia a fonte original: r/ClaudeAI
👀 See Also
SWE-rebench-V2 Lançado: Maior Conjunto de Dados Multilíngue Aberto para Treinamento de Agentes de Código
A Nebius lançou o SWE-rebench-V2, atualmente o maior conjunto de dados aberto para treinar agentes de codificação, apresentando um pipeline automatizado para extrair ambientes de RL em escala e projetado especificamente para treinamento de aprendizado por reforço em grande escala.
Termrender: Visualização de Interface ASCII 6x Mais Eficiente em Tokens para Claude
Termrender é uma ferramenta Python de código aberto que gera visualizações de interface de usuário em ASCII com eficiência de 6x em tokens em comparação com a saída bruta do Claude. Ele produz diagramas e painéis usando tokens mínimos para geração e edição mais rápidas.
Explorando Clawe: Sistema de Coordenação Multiagente de Código Aberto
Clawe é uma ferramenta de código aberto que permite uma coordenação eficiente de múltiplos agentes, oferecendo recursos como agendamento, gerenciamento de tarefas e notificações em tempo real.
CogniLayer: Um Servidor MCP para Memória Persistente no Claude Code
CogniLayer é um servidor MCP de código aberto que fornece memória persistente para o Claude Code entre sessões, utilizando um banco de dados SQLite com busca de texto completo FTS5 e incorporações vetoriais. Ele resolve o problema do Claude esquecer o contexto do projeto entre sessões.