Aperçu Cas d'usage Compétences Invites Tarifs Blog Mises à jour

Reproduction d'une page de destination avec Image-to-Next.js

Un flux de travail complexe pour reproduire une page de destination à partir d'une image en utilisant Next.js, la génération d'images pour les ressources et Playwright pour la validation.

Consigne

/goal Implémentez la LP (page de destination) présente dans l'image ci-jointe en utilisant Next.js jusqu'à ce que la précision de la reproduction dépasse 95 %. Pour les éléments difficiles à reproduire par d'autres moyens que l'image, créez-les en générant les ressources de manière appropriée avec image_gen. - Les icônes et les images doivent correspondre le plus fidèlement possible à l'image originale. Recadrez les parties pertinentes de l'image originale et transmettez-les à image_gen en tant qu'images de référence (utilisez codex exec -i pour transmettre les images de référence et fournissez le prompt via l'entrée standard). - Assurez la réactivité (responsiveness). Vérifiez les largeurs de 375 à 1440 px, en vous assurant qu'il n'y a pas de défilement horizontal, de chevauchement d'éléments ou de coupures (utilisez w-full max-w-[Npx] pour les cartes à largeur fixe et le positionnement absolu uniquement pour les grandes largeurs). - Exécutez une boucle de captures d'écran Playwright -> comparez avec l'original -> corrigez. Terminez une fois que npm run build est validé.

Comment utiliser ce prompt

1
Copiez le prompt complet ci-dessus.
2
Ouvrez une plateforme compatible avec claude-fable-5, comme YouMind, et collez le prompt.
3
Modifiez le sujet, le style ou les détails selon votre idée, puis générez.

Voici un prompt IA gratuit de la bibliothèque de prompts de YouMind. Découvrez des milliers d'autres prompts page web, tous libres de copie et d'adaptation.

Découvrir plus de prompts page web

Plus de claude-fable-5

À découvrir

Bibliothèque IA

Recherche de prompts par IA

Laissez l'IA chercher parmi des dizaines de milliers de prompts. Filtrez par modèle, plage de dates et mots-clés, puis triez par engagement : vues, favoris, partages et plus.

Essayer gratuitement

Outils visuels

Image vers prompt

Transformez toute photo en prompt d'image IA détaillé. Le convertisseur image vers prompt gratuit analyse la composition, le style et la lumière pour recréer n'importe quel rendu en quelques secondes.

Convertir une image en prompt

Conçu pour les créateurs. Gratuit pour toujours.

YouMind est le copilote créatif IA adopté par des créateurs du monde entier. Chaque prompt est sélectionné pour vous aider à créer mieux, plus vite.

Explorer plus de prompts

Reproduction d'une page de destination avec Image-to-Next.js

Comment utiliser ce prompt

Plus de claude-fable-5

Instruction de session Fable 5 pour Claude Code

Code Python de simulation de feux de circulation

Animation Web d'un avion de chasse à haute vitesse

Page de destination futuriste pour modèle d'IA

Synthétiseur pour navigateur avec Web Audio API

Illustration SVG de la BMW M4 CS

À découvrir

Recherche de prompts par IA

Image vers prompt

Conçu pour les créateurs. Gratuit pour toujours.