نظرة عامة حالات الاستخدام المهارات المطالبات الأسعار تنزيل المدونة التحديثات

Image-to-Next.js Landing Page Reproduction

A complex workflow for reproducing a landing page from an image using Next.js, image generation for assets, and Playwright for validation.

المطالبة

/goal Implement the LP in the attached image using Next.js until the reproduction accuracy is over 95%. For parts that are difficult to reproduce by means other than images, create them by generating materials appropriately with image_gen. - Icons and images should match the original image as much as possible. Crop relevant parts from the original image and pass them to image_gen as reference images (use codex exec -i to pass reference images and provide the prompt via standard input). - Ensure responsiveness. Verify at widths from 375 to 1440px, ensuring no horizontal scroll, element overlap, or clipping (use w-full max-w-[Npx] for fixed-width cards and absolute positioning only for wide widths). - Run a loop of Playwright screenshots -> compare with original -> fix. Complete once npm run build passes.

كيفية استخدام هذه المطالبة

1
انسخ المطالبة الكاملة أعلاه.
2
افتح منصة تدعم claude-fable-5 مثل YouMind، ثم الصق المطالبة.
3
غيّر الموضوع أو النمط أو التفاصيل لتناسب فكرتك، ثم ابدأ الإنشاء.

هذه مطالبة مجانية للذكاء الاصطناعي من مكتبة YouMind. استكشف آلاف المطالبات الأخرى لنوع صفحة ويب، وكلها مجانية للنسخ والتعديل.

استكشف مزيدًا من مطالبات صفحة ويب

المزيد من ميزات المطالبات

مكتبة الذكاء الاصطناعي

البحث عن المطالبات بالذكاء الاصطناعي

دع الذكاء الاصطناعي يبحث بين عشرات الآلاف من المطالبات. صفِّ حسب النموذج والنطاق الزمني والكلمات المفتاحية، ورتّب حسب التفاعل مثل المشاهدات والإشارات المرجعية وإعادات النشر وغيرها.

جرّب مجانًا

أدوات الرؤية

تحويل الصورة إلى مطالبة

حوّل أي صورة إلى مطالبة تفصيلية لإنشاء الصور بالذكاء الاصطناعي. تحلل الأداة المجانية التكوين والنمط والإضاءة لتتمكن من إعادة إنشاء أي مظهر خلال ثوانٍ.

تحويل الصورة إلى مطالبة