Image-to-Next.js लैंडिंग पेज रीप्रोडक्शन

Next.js, एसेट के लिए इमेज जनरेशन और वैलिडेशन के लिए Playwright का उपयोग करके इमेज से लैंडिंग पेज को रीप्रोड्यूस करने का एक जटिल वर्कफ़्लो।

प्रॉम्प्ट
/goal संलग्न इमेज में दिए गए LP को Next.js का उपयोग करके तब तक लागू करें जब तक कि रीप्रोडक्शन सटीकता 95% से अधिक न हो जाए। उन हिस्सों के लिए जिन्हें इमेज के अलावा अन्य माध्यमों से रीप्रोड्यूस करना कठिन है, उन्हें image_gen के साथ उचित रूप से सामग्री जनरेट करके बनाएं। - आइकन और इमेज मूल इमेज से यथासंभव मेल खाने चाहिए। मूल इमेज से प्रासंगिक हिस्सों को क्रॉप करें और उन्हें संदर्भ इमेज के रूप में image_gen को पास करें (संदर्भ इमेज पास करने के लिए codex exec -i का उपयोग करें और मानक इनपुट के माध्यम से प्रॉम्प्ट प्रदान करें)। - रिस्पॉन्सिवनेस सुनिश्चित करें। 375 से 1440px की चौड़ाई पर सत्यापित करें, यह सुनिश्चित करते हुए कि कोई हॉरिजॉन्टल स्क्रॉल, एलिमेंट ओवरलैप या क्लिपिंग न हो (फिक्स्ड-विड्थ कार्ड के लिए w-full max-w-[Npx] और केवल अधिक चौड़ाई के लिए एब्सोल्यूट पोजिशनिंग का उपयोग करें)। - Playwright स्क्रीनशॉट का लूप चलाएं -> मूल के साथ तुलना करें -> ठीक करें। npm run build पास होने पर पूरा करें।

इस प्रॉम्प्ट का उपयोग कैसे करें

  1. 1

    ऊपर दिया पूरा प्रॉम्प्ट कॉपी करें।

  2. 2

    claude-fable-5 को सपोर्ट करने वाला कोई प्लैटफ़ॉर्म खोलें, जैसे YouMind, और प्रॉम्प्ट पेस्ट करें।

  3. 3

    अपने आइडिया के हिसाब से विषय, स्टाइल या डिटेल बदलें, फिर जेनरेट करें।

यह YouMind की प्रॉम्प्ट लाइब्रेरी का एक मुफ़्त AI प्रॉम्प्ट है। हज़ारों और वेबपेज प्रॉम्प्ट देखें, सभी कॉपी और बदलाव के लिए मुफ़्त।

और वेबपेज प्रॉम्प्ट देखें

और एक्सप्लोर करें

AI लाइब्रेरी

AI से प्रॉम्प्ट खोजें

AI से हज़ारों प्रॉम्प्ट में खोज कराएँ। मॉडल, समय अवधि और कीवर्ड्स से फ़िल्टर करें और व्यू, बुकमार्क, रिपोस्ट जैसी एंगेजमेंट पर सॉर्ट करें।

विज़न टूल्स

इमेज से प्रॉम्प्ट

किसी भी फ़ोटो को विस्तृत AI इमेज प्रॉम्प्ट में बदलें। मुफ़्त Image to Prompt कन्वर्टर कंपोज़िशन, स्टाइल और लाइटिंग का विश्लेषण करता है, ताकि आप सेकंडों में वही लुक दोबारा बना सकें।

Creators के लिए बना। हमेशा मुफ़्त।

YouMind दुनिया भर के creators द्वारा भरोसा किया जाने वाला AI creative copilot है। हर prompt आपको बेहतर और तेज़ बनाने में मदद के लिए चुना गया है।

और prompts देखें