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
Donnez un téléphone à votre agent OpenClaw : plugin open source pour les appels vocaux
Un développeur a open-sourcé un plugin qui permet à OpenClaw de passer des appels téléphoniques. Contrairement aux alternatives SaaS à 20 $/mois, celui-ci est gratuit et auto-hébergé.
MCP Slim : La recherche par intégration locale pour les outils MCP réduit l'encombrement du contexte
MCP Slim est un proxy qui remplace les catalogues complets d'outils MCP par trois méta-outils (recherche, description, appel), utilisant des embeddings MiniLM locaux pour la recherche sémantique. Il permet une réduction de 96% de la fenêtre contextuelle et fonctionne hors ligne sans clés API.
Mengram AI : Outil de Mémoire Automatique pour les Sessions de Code Claude
Mengram AI maintient automatiquement le contexte entre les sessions Claude Code en chargeant les profils cognitifs, en injectant le contexte passé pertinent dans les invites et en sauvegardant les nouvelles connaissances. Il stocke une mémoire sémantique, épisodique et procédurale qui évolue en fonction des échecs.
AgentWorkingMemory : Un système de mémoire local pour les agents d'IA de codage
AgentWorkingMemory (AWM) est un système de mémoire locale qui résout le problème d'amnésie de session à session chez les agents d'IA de codage. Il utilise une base de données SQLite, trois modèles ML locaux (~124 Mo au total) et s'intègre automatiquement via MCP pour fournir une mémoire persistante et contextuelle entre les sessions de Claude Code.