Tu veux un site avec :
Trois colonnes :
Gauche : menu latéral réduit (plus étroit)
Centre : contenu réduit
Droite (agrandie) : zone IA + génération automatique de code/image/vidéo
Lorsque tu tapes un code :
Il est interprété par l’IA côté front ou serveur
Il est stocké dans un serveur ou base de données
Il génère une vidéo ou image automatiquement dans la colonne de droite
Tu veux une mise en page fidèle à la capture précédente, mais fonctionnelle avec IA (Rosalinda-like).
🧠 Composants nécessaires
🔧 Frontend
HTML + CSS (layout 3 colonnes, styles révisés)
JavaScript :
Envoi de message
Affichage dynamique de réponse
Intégration avec API (image/vidéo)
⚙️ Backend (optionnel)
Node.js / Flask / FastAPI
Intégration avec :
OpenAI API pour traitement du code
FFmpeg (pour générer une vidéo à partir de texte)
une base de données ou fichier pour "nourrir l'IA"
✅ Ce que je vais faire maintenant :
Je vais te générer un projet frontend HTML/CSS/JS :
avec les colonnes ajustée…