GitHub README avec affiche Meta Quest 3

Objectif : Créer une capture d'écran réaliste d'un navigateur de bureau d'une page de dépôt GitHub, présentant un aperçu Markdown du README de {argument name="repository name" default="awesome-gpt-image-2"}, et intégrant une affiche éclatée de produit de grande taille dans le centre de documentation.

Canvas : Une capture d'écran widescreen 16:9, d'environ 1200x625 pixels, utilisant un thème GitHub clair, avec un texte d'interface utilisateur clair, aucune barre d'adresse de navigateur visible, et la vue des fichiers du dépôt rognée à la zone de contenu GitHub.

Disposition : Une barre latérale gauche d'explorateur de fichiers, une barre de titre/breadcrumb supérieure, une ligne de barre d'outils Markdown, et la zone d'aperçu README principale. Le contenu principal doit afficher un petit titre chinois « Generate Image », le tag « Image 1 », suivi d'une image d'affiche verticale centrée. Une barre de défilement horizontale doit être présente près du haut du contenu README, et une barre de défilement de page verticale sur le côté droit.

Détails de la barre latérale gauche : Afficher le panneau « Files », avec le sélecteur de branche défini sur « main », la barre de recherche étiquetée « Go to file », et afficher 25 entrées de fichiers/dossiers : 4 dossiers nommés « .github », « docs », « public », « scripts » ; et 21 fichiers nommés « .env.example », « .gitignore », « LICENSE », « README.md », « README_de-DE.md », « README_es-419.md », « README_es-ES.md », « README_fr-FR.md », « README_hi-IN.md », « README_it-IT.md », « README_ja-JP.md », « README_ko-KR.md », « README_pt-BR.md », « README_pt-PT.md », « README_th-TH.md », « README_tr-TR.md », « README_vi-VN.md », « README_zh-TW.md », « README_zh.md », « package.json », « pnpm-lock.yaml », et « tsconfig.json » en bas si l'espace le permet. Mettre en évidence « README_zh.md » comme fichier sélectionné.

Détails du titre supérieur : Le breadcrumb doit afficher « awesome-gpt-image-2 / README_zh.md ». Inclure les onglets/boutons « Preview », « Code » et « Blame », ainsi que le texte des métadonnées comme « 5872 lines (3723 loc) · 362 KB ». Sur la droite, afficher les contrôles GitHub compacts, y compris « Raw » et de petits boutons d'icônes.

Contenu de l'affiche intégrée : L'affiche est une infographie concise en vue éclatée de {argument name="product name" default="Meta Quest 3"}. L'arrière-plan est un dégradé doux de lavande à bleu, avec le logo Meta infinity et le titre « Meta Quest 3 » en haut à gauche, suivi d'un sous-titre japonais, et d'une vue éclatée verticalement empilée des composants du casque VR. Comptez précisément 9 couches de composants principales de haut en bas : 1 plaque frontale arquée blanche, 2 petits modules de capteur/caméra flottant autour, 3 cadre interne noir, 4 carte mère centrale étiquetée « Snapdragon XR2 Gen 2 », 5 composants de lentille Pancake double, 6 modules latéraux de batterie/contrôleur, 7 bandeau/cadre intérieur noir en bas, 8 deux bras latéraux blancs, et 9 coque de casque extérieure blanche et rembourrage inférieur. Ajoutez de fines annotations japonaises sur les côtés gauche et droit avec de fines lignes de guidage, mais gardez la police petite et légèrement floue, comme un effet de capture d'écran réel.

Style visuel : Capture d'écran photoréaliste d'une interface utilisateur GitHub, fond blanc propre, polices d'interface utilisateur sans serif petites, séparateurs gris subtils, accentuation des liens bleus, contenu de documentation centré et marges larges. L'affiche doit présenter une image publicitaire technologique brillante de haute qualité, avec des ombres réalistes, des pièces matérielles flottantes et des effets de rendu de produit précis.

Contraintes : Ne pas ajouter de personnes, ne pas ajouter de pop-ups ou de fenêtres modales supplémentaires, maintenir une interface GitHub reconnaissable, préserver le texte chinois/japonais spécifié, et faire en sorte que la capture d'écran ressemble à un aperçu README de dépôt réel, et non à une affiche autonome.