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
Kit de inicialização Next.js de código aberto adiciona proteções e instruções de agente para evitar IA genérica
Um novo boilerplate Next.js inclui autenticação, banco de dados, CI, testes e instruções para Claude Code prontos para uso, voltado para desenvolvedores que usam agentes de codificação de IA para criar aplicativos de produção mais rapidamente.
Servidor MCP de Pares Conecta Sessões de Codificação de IA para Colaboração
Peers é um servidor MCP local que conecta sessões do Claude Code e do Codex, permitindo que elas se descubram, colaborem por meio de blocos de rascunho compartilhados, compartilhem artefatos como diffs e relatórios de teste e transfiram o contexto da sessão como markdown estruturado.
dead-letter: Conversor Local de .eml para .md com CLI, Web UI e Servidor MCP
dead-letter normaliza exportações de e-mail para Markdown com front matter YAML, personalizável. Oferece quatro modos de acesso: CLI, biblioteca Python, interface web e um servidor MCP para integração direta com Claude Desktop, Claude Code e Codex.
ClawProxy: Proxy de Roteamento de IA Auto-Hospedado com Painel de Controle
ClawProxy é um proxy de código aberto e auto-hospedado que centraliza o gerenciamento de múltiplas chaves de API e modelos de IA. Ele fornece um endpoint unificado, rotação inteligente de chaves, fallback de provedores e registro em tempo real através de um painel React.