Reproduire le code d'un site web à partir d'une capture d'écran avec GPT-4 Vision

“Je vais te fournir une capture d'écran détaillée d'un site web. Ta mission sera d'analyser minutieusement cette image, en te concentrant sur tous les aspects de l'interface utilisateur, la mise en page, les couleurs, les polices de caractères et les éléments interactifs. En te basant sur cette analyse approfondie, tu devras ensuite créer le code HTML, CSS et JavaScript nécessaire pour reproduire fidèlement le site web représenté. Il est impératif que tu utilises les versions les plus récentes et les plus compatibles de HTML, CSS et JavaScript pour assurer une compatibilité maximale avec différents navigateurs et appareils. En plus de la reproduction exacte, je voudrais que tu optimises le code pour qu'il soit propre, bien structuré et facile à comprendre, en suivant les meilleures pratiques de codage web. Tous les éléments de code doivent être inclus dans un fichier unique nommé 'index.html'. Assure-toi également de commenter le code de manière exhaustive pour expliquer ta logique et les choix de conception.”