Comment j'ai construit un site web 3D scroll en 2 heures avec Claude Code et Veo
Un utilisateur de Reddit, u/Tough-Survey-2155, a partagé un workflow pour construire un site web à défilement 3D from scratch en environ 2 heures. La méthode utilise Claude Code pour le gros du travail, avec une compétence personnalisée vidéo vers site web (crédit à Nate Herk) et Veo pour la génération vidéo.
Workflow
- Créer une compétence vidéo-vers-site-web — cela sert de base pour traduire le mouvement en interactions liées au défilement.
- Extraire la première et la dernière image de la vidéo source, puis utiliser Veo pour les convertir en une nouvelle vidéo. Le prompt vidéo a été généré via ChatGPT.
- Demander à Claude Code de construire le site web en utilisant l'actif vidéo. L'auteur rapporte qu'une fois la vidéo en place, le reste a été simple à prompter.
- Ajustements de conception — quelques modifications manuelles ont été nécessaires après la génération.
Résultats & Liens
- Site en direct : royal-pop-website.vercel.app
- Code source complet : github.com/hamzafarooq/claude-code-starter
Le dépôt inclut des modèles de démarrage Claude Code qui peuvent être réutilisés pour des projets similaires. L'auteur note que le processus de bout en bout n'a pris que 2 heures, ce qui en fait une référence pratique pour les développeurs cherchant à prototyper rapidement des sites 3D à défilement avec l'aide de l'IA.
📖 Lire la source complète : r/ClaudeAI
👀 See Also
MCP Memory Gateway : Un serveur MCP pour la mémoire persistante dans Claude Code
Un développeur a construit un serveur MCP appelé MCP Memory Gateway en utilisant Claude Code comme principal outil de développement. Il fournit à Claude Code une mémoire persistante entre les sessions grâce à la capture de retours, des règles de prévention et l'injection de contexte.
La compétence Claude pour Devvit améliore la précision de génération de code de 73 % à 100 %.
Un développeur a créé une couche de prompt structurée SKILL.md pour Claude qui fournit un contexte pour la plateforme Devvit de Reddit, améliorant les résultats d'évaluation de 7/10 à 10/10 sur les tâches Devvit courantes en prévenant des bogues d'exécution spécifiques.
Un sorcier gratuit migre l'historique de ChatGPT vers les projets Claude — Leçons clés sur les limites de jetons et la RAG
Un outil gratuit, sans code, importe les exports ChatGPT dans les Projets Claude, révélant qu'un JSON de 26 Mo atteint les limites de tokens et que la division par sujet est la solution. Le RAG de Claude ne lit que des parties des fichiers volumineux, donc les requêtes spécifiques fonctionnent mieux.
Le benchmark MemAware montre que la mémoire des agents basés sur RAG échoue lors de la récupération de contexte implicite.
Le benchmark MemAware évalue si les agents IA peuvent rappeler un contexte passé pertinent lorsque les utilisateurs ne le demandent pas explicitement, révélant que les systèmes de mémoire actuels n'atteignent que 2,8 % de précision sur les requêtes implicites difficiles, contre 0,8 % sans mémoire.