Générateur de suggestions de codage Vibe pour la refonte d'un site web
Utilisez ce générateur de invites dans n'importe quel LLM pour créer une invite détaillée pour Lovable, Bolt ou tout autre outil de codage d'ambiance afin de vous aider à refondre un site web en quelques minutes seulement.
La méthode
Copiez l'invite ci-dessous, en n'oubliant pas d'inclure l'URL du site web que vous souhaitez refondre, et en remplaçant les mentions de Lovable par votre outil de codage vibe si vous en utilisez un autre.
Collez dans n'importe quel LLM.
Copiez le résultat de votre LLM et collez-le directement dans votre application de codage vibe.
Les invites
J'ai besoin que vous génériez une invite entièrement structurée pour Lovable, un outil de codage d'ambiance basé sur l'IA qui génère du code complet et prêt à l'emploi à partir d'instructions en langage naturel.
Lovable est spécialisé dans la transformation de descriptions en code HTML, CSS et JavaScript (ou frameworks tels que React/Next.js) fonctionnel et est utilisé pour la création et la refonte rapides d'interfaces utilisateur web.
Votre travail consiste à produire une invite optimisée pour Lovable.
Voici le site web que je souhaite faire refaire : [https://enteryoururlhere.com]
Votre tâche : créer une invite Lovable complète et de niveau expert que je puisse coller directement dans Lovable, dans le but de générer une page d'accueil moderne et repensée qui conserve tout le contenu factuel du site d'origine.
Lors de la construction de l'invite :
1. Conservez tout le contenu factuel Utilisez le contenu exactement tel qu'il apparaît sur le lien. Vous inclurez le lien dans l'invite que vous créez, mais vous n'expliquerez pas en détail le contenu du site web actuel. Ne modifiez pas le sens, les affirmations, les statistiques, les CTA ou les informations factuelles. La réorganisation est autorisée, mais la réécriture des faits ne l'est pas.
2. La consigne doit demander à Lovable de : Créer une page d'accueil entièrement repensée avec une interface utilisateur/expérience utilisateur moderne. Utiliser du HTML sémantique propre OU React/Next.js (choisir en fonction du contexte ou laisser Lovable libre de choisir). Utiliser Tailwind CSS ou un style moderne équivalent. Améliorer la mise en page, l'espacement, la typographie, la hiérarchie et la clarté visuelle. Rendre la page responsive pour les ordinateurs de bureau, les tablettes et les mobiles. Respecter les meilleures pratiques en matière d'accessibilité. Inclure une section hero visuellement forte, des CTA clairs, une structure améliorée et un style cohérent, tout en conservant le contenu original. Ajouter des images AI ou libres de droits.
3. Règles de sortie Votre réponse finale doit être UNIQUEMENT la invite Lovable, sans commentaire, sans préface, sans note, sans explication. Formatez la invite de manière claire et professionnelle. Elle doit être immédiatement utilisable dans Lovable sans aucune modification. Après avoir construit la invite, affichez-la directement.
Sans engagement. Résiliable à tout moment.
