Cómo construí un sitio web de desplazamiento 3D en 2 horas usando Claude Code y Veo
Un usuario de Reddit, u/Tough-Survey-2155, compartió un flujo de trabajo para construir un sitio web con desplazamiento 3D desde cero en aproximadamente 2 horas. El método utiliza Claude Code para el trabajo pesado, con una habilidad personalizada de video a sitio web (crédito a Nate Herk) y Veo para la generación de video.
Flujo de trabajo
- Crear una habilidad de video a sitio web — esto sirve como base para traducir el movimiento en interacciones basadas en desplazamiento.
- Extraer imágenes del primer y último fotograma del video fuente, luego usar Veo para convertirlas en un nuevo video. El prompt del video se generó mediante ChatGPT.
- Indicar a Claude Code que construya el sitio web usando el recurso de video. El autor informa que una vez que el video estuvo listo, el resto fue simple mediante indicaciones.
- Ajustes de diseño — se necesitaron algunas modificaciones manuales después de la generación.
Resultados y enlaces
- Sitio web en vivo: royal-pop-website.vercel.app
- Código fuente completo: github.com/hamzafarooq/claude-code-starter
El repositorio incluye plantillas de inicio de Claude Code que se pueden reutilizar para proyectos similares. El autor señala que el proceso completo tomó solo 2 horas, lo que lo convierte en una referencia práctica para desarrolladores que buscan prototipar rápidamente sitios 3D con desplazamiento asistido por IA.
📖 Leer la fuente completa: r/ClaudeAI
👀 Ver también
Plataforma ELBO: Capacitación con IA para el Pensamiento Crítico y las Habilidades de Comunicación
ELBO es una plataforma de entrenamiento en vivo construida con Claude Code que utiliza IA para ayudar a los usuarios a practicar habilidades de pensamiento crítico, persuasión, negociación y oratoria a través de escenarios simulados y debates.
GuppyLM: Un LLM de 9M Parámetros Construido desde Cero con Fines Educativos
GuppyLM es un modelo de lenguaje de aproximadamente 9 millones de parámetros entrenado desde cero en 60,000 conversaciones sintéticas, utilizando una arquitectura de transformador básica con 6 capas, 384 dimensiones ocultas y 6 cabezas de atención. Se entrena en aproximadamente 5 minutos en una GPU T4 gratuita de Colab y habla con una personalidad de pez centrada en el agua, la comida y la vida en el acuario.
LAP: Más de 1.500 especificaciones de API compiladas para consumo por LLM con el fin de reducir las alucinaciones de Claude
LAP es una herramienta que compila más de 1.500 especificaciones reales de API en un formato optimizado para LLM, proporcionando endpoints verificados y parámetros para evitar que agentes de programación de IA como Claude alucinen llamadas incorrectas a API.
Mymir: Un grafo de proyectos de código abierto para agentes de codificación mediante MCP
Mymir les da a los agentes un mapa de proyecto basado en grafos con dependencias, decisiones, criterios de aceptación y notas de ejecución anteriores, entregado a través de MCP para evitar reexplicar el estado entre sesiones.