انسخ تصميم أي موقع ويب إلى مواصفات بناء بالذكاء الاصطناعي.
Paste a URL and we copy any website design into a مواصفات هندسية من 6,000 كلمة. Drop it into Claude Code, Codex, Cursor, or Gemini and get 90% جاهزة من أول مطالبة.
أي موقع حي — سنضيف https:// إذا كان مفقوداً. اضغط Enter للإنشاء.
حساب مجاني — مواصفة واحدة مدرجة، بدون بطاقة، حساب واحد لكل شخص.
جرب مثالاً:
يعمل مع كل أداة كود بالذكاء الاصطناعي تستخدمها بالفعل.
سيتم الإطلاق للجمهور قريباً
لقطة الشاشة تمنح ذكاءك الاصطناعي صورة jpeg ودعاءً. إنها تهلوس الخط، وتخترع المسافات، وتختار مكتبة المكونات الخاطئة. نحن نمنحه البيانات الفعلية.
مقيد، يعمل بشكل أعمى
Bolt و Lovable و v0 يحبسونك في محررهم ويهلوسون كل ما لا تستطيع لقطة الشاشة إظهاره. تقضي ثلاث ساعات في إصلاح ما كانت مواصفات جيدة واحدة ستمنعه.
- الرسوم المتحركة مفقودة. لقطة الشاشة هي إطار ثابت.
- الخطوط مخمنة. عادة ما تكون system-ui.
- الألوان مقدرة بالعين. انحراف HSL، شفافية خاطئة.
- تخطيط متجاوب مخترع. عادة ما يكون خاطئًا.
- مكتبة المكونات: ما يفضله LLM.
- المكدس التقني غير معروف. المخرجات هي عناصر divs غير منسقة.
- تأثيرات التمرير، حالات التمرير، التفاعلات: مفقودة.
- مطالبة غامضة، كود غامض.
محمول. دقيق. ملكك.
ماركداون عادي. الصقه في أي أداة ذكاء اصطناعي تدفع ثمنها بالفعل. نحن نزحف على الصفحة الحية، ونحلل DOM، ونعرض حالات التمرير، ونستخرج رسم CSS البياني، وننتج مواصفات بإشارة كافية لكي لا يضطر ذكاءك الاصطناعي إلى التخمين.
- منحنيات cubic-bezier، المدد، التأخيرات — كلها معينة.
- عائلة الخط الدقيقة، الوزن، الحجم، ارتفاع السطر.
- ألوان دقيقة بالهيكس، نقاط التدرج، متغيرات CSS.
- كل نقطة توقف، انهيار عمود، خطوة خط.
- تحديد shadcn / Radix / MUI / Tailwind.
- يكتشف Next.js, Astro, Vite, Motion, GSAP.
- مشغلات التمرير وحالات التمرير موثقة.
- مواصفات بأكثر من 6,000 كلمة يمكن لذكاءك الاصطناعي اتباعها بالفعل.
ذكاءك الاصطناعي جيد بقدر السياق الذي تمنحه إياه. امنحه مواصفات، وليس لقطة شاشة.
لا حاجة للبحث في DevTools. لا اختيار للألوان. لا تسجيل لقيم الحشو في الكونسول. نقوم بتشغيل الموقع عبر ست تمريرات استخراج ونسلمك مصدر الحقيقة في أقل من 45 ثانية.
جلب الموقع المباشر
Headless Chromium يعرض الصفحة الحقيقية — يتم تقييم JS، وتحميل خطوط الويب، والتقاط حالات التمرير، وتسجيل مكالمات الشبكة. لا لقطة شاشة قديمة، لا تخمين من عرض المصدر.
استخراج حقيقة DOM
نقرأ CSS المحسوب على كل عنصر — ألوان هيكس دقيقة، عائلة الخط، ارتفاع السطر، الحشو، نصف قطر الحدود، الظل. بالإضافة إلى النص الخام حتى يقوم الذكاء الاصطناعي بإعادة إنتاج النص بدلاً من هلوسة.
تحليل بصري بمرورين
نموذج رؤية متقدم يقرأ لقطات الشاشة. التمريرة الأولى ترسم التخطيط، التسلسل الهرمي، وهيكل المكونات. التمريرة الثانية تلتقط الرسوم المتحركة، حالات التمرير، والحركة المشغلة بالتمرير.
تحديد بصمة المكدس
نكتشف Next.js, Astro, Vite, Tailwind, shadcn/ui, Radix, Framer Motion, GSAP — من أنماط DOM والمتغيرات العامة لوقت التشغيل. يستهدف الإخراج نفس المكدس حتى يبني ذكاءك الاصطناعي كودًا أصلي الشكل.
توليف المواصفات
نتائج DOM + النتائج البصرية + بصمة المكدس تندمج في موجز هندسي منظم من 6,000 كلمة — رموز التصميم، شبكة التخطيط، توقيتات الرسوم المتحركة، نقاط التوقف المتجاوبة، ترتيب البناء.
الصق في أي أداة ذكاء اصطناعي
نص عادي — يعمل في Claude Code, Cursor, Codex, Windsurf, v0, Bolt, Lovable, ChatGPT. لا قيود على البائع. أنت تملك المواصفات إلى الأبد، حتى لو ألغيت الاشتراك.
كل تشغيل ينتج مخططًا منظمًا بأكثر من 6,000 كلمة. الصقه في Claude Code أو Cursor أو Codex واحصل على تطبيق عملي — وليس تقريبًا مهلوسًا.
# CLONE SPECIFICATION # source · linear.app ## TECH STACK DETECTED framework Next.js 14 (App Router) styling Tailwind CSS + CSS vars components Custom primitives + Radix animation Framer Motion font loader next/font · "Inter Tight" ## DESIGN TOKENS → colors --background #08090A --foreground #F7F8F8 --accent #5E6AD2 --muted #858699 --border rgba(255,255,255,0.08) ## TYPOGRAPHY font-family "Inter Tight", -apple-system scale 12 / 14 / 16 / 20 / 28 / 40 / 64 line-height 1.1 headings · 1.5 body tracking -0.022em headings ## LAYOUT ARCHITECTURE hero 12-col grid · 1200px max · centered nav sticky · backdrop-blur(24px) · 64h section 96px vertical rhythm cards 4px radius · inset 1px 0 rgba(...) ## ANIMATION SPECS hero.enter opacity 0→1, y 20→0, 600ms ease-out scroll.reveal IntersectionObserver · margin -80px hover.default scale(1.02) · 250ms cubic-bezier(.2,.8,.2,1) ## RESPONSIVE ≤ 640px single column · 16px padding ≤ 1024px 2-col grid · 24px padding ≥ 1024px 3-col grid · 48px padding ## BUILD INSTRUCTIONS Build in Next.js 14 (App Router). Use Tailwind with
المكدس التقني
يتم اكتشافه من الرؤوس، توقيعات السكربت، وأنماط DOM. Next.js / Astro / Vite / Remix — مع الإصدارات حيثما تكون مكشوفة.
رموز التصميم
قيم الهيكس، خصائص CSS المخصصة، مقياس المسافات، مقاييس الخطوط، نصف قطر الحدود، تعريفات الظل — كل متغير مهم.
السلوك
منحنيات التسهيل، مشغلات التمرير، انتقالات التمرير، تبديلات نقاط التوقف. الـ 40% من التصميم التي لا تستطيع لقطة الشاشة التقاطها.
الإشارة التي تفصل البناء المصقول عن النسخة الخام — منحنيات التسهيل، الرموز المحسوبة، مكتبة المكونات الفعلية. نسحبها من الصفحة الحية، وليس من صورة.
استخراج التخطيط والمسافات
يقرأ نماذج الصناديق المحسوبة، تعريفات الشبكة، قيم الفجوات، الحشو، والتسلسل الهرمي البصري من DOM الحي — وليس تخمينًا من لقطة شاشة.
لون ونوع دقيق
يسحب قيم الهيكس، نقاط التدرج، خصائص CSS المخصصة، عائلات الخطوط، الأوزان، الأحجام، وارتفاعات السطور المحسوبة مباشرة من شجرة العرض.
اكتشاف مكتبة المكونات
يحدد بصمات shadcn/ui, Radix, MUI, Headless UI, وأنماط Tailwind — بحيث تخبر المواصفات ذكاءك الاصطناعي عن البدائيات التي يجب استخدامها.
منحنيات ومشغلات الرسوم المتحركة
يلتقط وظائف التسهيل، المدد، التأثيرات المرتبطة بالتمرير، وانتقالات التمرير — ثم يكتبها كمواصفات Motion/GSAP يمكن لذكاءك الاصطناعي تطبيقها.
بصمة المكدس الكامل
يكتشف Next.js, Vite, Astro, Remix, سكربتات التحليلات، توقيعات CDN، وتكاملات الطرف الثالث. الإصدارات الدقيقة عندما تكشفها الرؤوس.
خريطة نقاط التوقف المتجاوبة
يوثق كل نقطة توقف، تبديل flex/grid، انهيار عمود، وخطوة حجم الخط — بحيث لا يكون تخطيط الجوال فكرة لاحقة في المواصفات.
إلهام، لا انتهاك.
CopyDesign.ai هي أداة دراسة ونمذجة. استخدمها لفهم أنماط التصميم، واستخراج المكونات الفردية، وتسريع عملك الأصلي. لا ندعم الاستخدام الضار — لا انتحال شخصية علامة تجارية، لا صفحات تصيد، لا انتهاك للعلامة التجارية أو حقوق النشر. استبدل الشعار، الاسم، النص. اجعله ملكك.
نحن نكتب المواصفات. ذكاءك الاصطناعي يقوم بالبناء.
إخراج ماركداون عادي. يعمل مع Bolt, Lovable, v0, Cursor, Claude Code, Codex — اختيارك.
لا قيود على الأداة. أبدًا.
المواصفات نص عادي. الصقها في Claude Code اليوم، Codex غدًا، Gemini الأسبوع القادم.
$1.99. مواصفات واحدة. لا اشتراك مطلوب.
جربها قبل الالتزام. شراء لمرة واحدة، إخراج فوري.
90% جاهزة من أول مطالبة. بصراحة.
لا نعد بالكمال البكسلي. نعد بإشارة كافية لكي لا يضطر ذكاءك الاصطناعي إلى التخمين.
6,000 كلمة من الإشارة المنظمة، وليست وصفًا غامضًا.
المكدس التقني، رموز التصميم، مواصفات الرسوم المتحركة، منطق الاستجابة — كلها في لصقة واحدة.
عنوان URL هو المطالبة. توقف عن التقاط لقطات الشاشة.
امنح ذكاءك الاصطناعي البيانات التي يحتاجها بدلاً من صورة عليه تفسيرها.
ادرس الحرفة. ابنِ شيئًا أصليًا.
إلهام، لا انتهاك. نحن نستخرج الأنماط — أنت تأتي بالفكرة.
جربها مرة واحدة، مجانًا، لا بطاقة مطلوبة. قم بالترقية عندما يتحدث الإخراج عن نفسه — لا تجارب، لا استرداد.
مجاني
استنساخ واحد · للأبد
مبتدئ
12 استنساخ / شهر
احترافي
30 استنساخ / شهر
أسئلة، تمت الإجابة عليها.
إجابات مباشرة حول ما يفعله CopyDesign.ai، وما لا يفعله.
هل يعمل على التطبيقات المحمية بجدران تسجيل الدخول؟
هل يمكنه التعامل مع مواقع CSS-in-JS مثل Linear أو Stripe؟
ماذا عن مواقع WebGL أو المواقع الثقيلة على Canvas؟
هل يتم تخزين عنوان URL الخاص بي في أي مكان؟
ماذا يعتبر 'استنساخ' واحد — هل تكلف عمليات إعادة التشغيل إضافيًا؟
كم يستغرق الاستنساخ النموذجي؟
هل يمكنني استنساخ تطبيقات الجوال من لقطات الشاشة؟
ما هي أدوات الذكاء الاصطناعي التي يعمل معها الإخراج؟
امنح ذكاءك الاصطناعي مواصفات.
وليس لقطة شاشة لتحدق فيها.
عنوان URL واحد. أقل من 45 ثانية. مواصفات من 6,000 كلمة يمكن لذكاءك الاصطناعي البناء منها بالفعل. الأول مجاني — لا بطاقة، لا قائمة انتظار.
لا بطاقة · إلغاء في أي وقت · إخراج في أقل من 45 ثانية