هر طراحی وبسایتی را کپی کنید به یک مشخصات ساخت هوش مصنوعی.
Paste a URL and we copy any website design into a مشخصات مهندسی ۶۰۰۰ کلمهای. Drop it into Claude Code, Codex, Cursor, or Gemini and get ۹۰٪ آماده در اولین پرامپت.
هر سایت زندهای — اگر https:// نباشد، ما آن را اضافه میکنیم. برای تولید، Enter را فشار دهید.
حساب رایگان — ۱ مشخصات شامل میشود، بدون نیاز به کارت، یک حساب کاربری برای هر نفر.
یک مثال را امتحان کنید:
با هر ابزار کد هوش مصنوعی که از قبل استفاده میکنید، کار میکند.
به زودی به صورت عمومی راهاندازی میشود
یک اسکرینشات به هوش مصنوعی شما یک jpeg و یک امید میدهد. فونت را توهم میزند، فاصله را اختراع میکند و کتابخانه کامپوننت اشتباهی را انتخاب میکند. ما دادههای واقعی را به آن میدهیم.
قفل شده، کورکورانه
Bolt, Lovable, v0 شما را در ویرایشگر خود به دام میاندازند و هر چیزی را که اسکرینشات نمیتواند نشان دهد، توهم میزنند. شما سه ساعت را صرف رفع چیزی میکنید که یک مشخصات خوب میتوانست از آن جلوگیری کند.
- انیمیشنها از بین رفتهاند. اسکرینشات یک فریم ثابت است.
- فونتها حدس زده میشوند. معمولاً روی system-ui قرار میگیرد.
- رنگها با چشم تخمین زده میشوند. انحراف HSL، شفافیت اشتباه.
- طرحبندی واکنشگرا اختراع میشود. معمولاً اشتباه است.
- کتابخانه کامپوننت: هر چیزی که LLM دوست دارد.
- پشته فناوری ناشناخته. خروجی divهای بدون استایل است.
- افکتهای اسکرول، حالتهای هاور، تعاملات: حذف شدهاند.
- پرامپت مبهم ورودی، کد مبهم خروجی.
قابل حمل. دقیق. مال شما.
مارکداون ساده. آن را در هر ابزار هوش مصنوعی که از قبل برای آن هزینه میکنید، بچسبانید. ما صفحه زنده را میخزیم، DOM را تجزیه میکنیم، حالتهای اسکرول را رندر میکنیم، نمودار CSS را استخراج میکنیم و یک مشخصات با سیگنال کافی تولید میکنیم تا هوش مصنوعی شما مجبور به حدس زدن نباشد.
- منحنیهای cubic-bezier، مدت زمانها، تأخیرها — همه نگاشت شدهاند.
- خانواده فونت دقیق، وزن، اندازه، ارتفاع خط.
- رنگهای دقیق هگز، توقفهای گرادیان، متغیرهای CSS.
- هر نقطه شکست، فروپاشی ستون، گام فونت.
- اثر انگشت shadcn / Radix / MUI / Tailwind.
- Next.js, Astro, Vite, Motion, GSAP را تشخیص میدهد.
- تریگرهای اسکرول و حالتهای هاور مستند شدهاند.
- مشخصات ۶۰۰۰+ کلمهای که هوش مصنوعی شما واقعاً میتواند دنبال کند.
هوش مصنوعی شما تنها به اندازه زمینهای که به آن میدهید خوب است. به آن یک مشخصات بدهید، نه یک اسکرینشات.
بدون جستجو در DevTools. بدون انتخاب رنگ. بدون لاگ کردن مقادیر padding در کنسول. ما سایت را از طریق شش مرحله استخراج اجرا میکنیم و منبع حقیقت را در کمتر از ۴۵ ثانیه به شما تحویل میدهیم.
سایت زنده را واکشی کنید
Headless Chromium صفحه واقعی را رندر میکند — JS ارزیابی شده، فونتهای وب بارگذاری شده، حالتهای اسکرول ثبت شده، تماسهای شبکه لاگ شده. بدون اسکرینشات قدیمی، بدون حدس زدن نمای منبع.
حقیقت DOM را استخراج کنید
ما CSS محاسبه شده را در هر عنصر میخوانیم — رنگهای دقیق هگز، font-family، line-height، padding، border-radius، shadow. به علاوه متن خام تا هوش مصنوعی متن را بازتولید کند به جای اینکه آن را توهم بزند.
تحلیل بصری دو مرحلهای
یک مدل بینایی پیشرفته اسکرینشاتها را میخواند. مرحله اول طرحبندی، سلسله مراتب و ساختار کامپوننت را نگاشت میکند. مرحله دوم انیمیشنها، حالتهای هاور و حرکتهای فعال شده با اسکرول را تشخیص میدهد.
اثر انگشت پشته را شناسایی کنید
ما Next.js, Astro, Vite, Tailwind, shadcn/ui, Radix, Framer Motion, GSAP را — از الگوهای DOM و متغیرهای سراسری زمان اجرا — تشخیص میدهیم. خروجی همان پشته را هدف قرار میدهد تا هوش مصنوعی شما کد بومیشکل بسازد.
مشخصات را سنتز کنید
یافتههای DOM + یافتههای بصری + اثر انگشت پشته در یک خلاصه مهندسی ساختاریافته ۶۰۰۰ کلمهای ادغام میشوند — توکنهای طراحی، شبکه طرحبندی، زمانبندی انیمیشن، نقاط شکست واکنشگرا، ترتیب ساخت.
در هر ابزار هوش مصنوعی بچسبانید
خروجی متن ساده — در Claude Code, Cursor, Codex, Windsurf, v0, Bolt, Lovable, ChatGPT کار میکند. بدون قفل فروشنده. شما برای همیشه مالک مشخصات هستید، حتی اگر لغو کنید.
هر اجرا یک طرح اولیه ساختاریافته ۶۰۰۰+ کلمهای تولید میکند. آن را در 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، مقیاس فاصله، معیارهای فونت، border-radius، تعاریف سایه — هر متغیر مهم.
رفتار
منحنیهای easing، تریگرهای اسکرول، انتقالهای هاور، سوئیچهای نقطه شکست. ۴۰٪ از طراحی که یک اسکرینشات نمیتواند ثبت کند.
سیگنالی که یک ساخت صیقلی را از یک کپی خام جدا میکند — منحنیهای easing، توکنهای محاسبه شده، کتابخانه کامپوننت واقعی. ما آن را از صفحه زنده میکشیم، نه از یک تصویر.
استخراج طرحبندی و فاصله
مدلهای جعبه محاسبه شده، تعاریف شبکه، مقادیر فاصله، padding و سلسله مراتب بصری را از DOM زنده میخواند — نه یک حدس از یک اسکرینشات.
رنگ و نوع دقیق
مقادیر هگز، توقفهای گرادیان، ویژگیهای سفارشی CSS، خانوادههای فونت، وزنها، اندازهها و line-heightهای محاسبه شده را مستقیماً از درخت رندر میکشد.
تشخیص کتابخانه کامپوننت
اثر انگشت shadcn/ui, Radix, MUI, Headless UI و الگوهای Tailwind را شناسایی میکند — تا مشخصات به هوش مصنوعی شما بگوید به کدام عناصر اولیه دسترسی پیدا کند.
منحنیها و تریگرهای انیمیشن
توابع easing، مدت زمانها، افکتهای مرتبط با اسکرول و انتقالهای هاور را ثبت میکند — سپس آنها را به عنوان مشخصات Motion/GSAP مینویسد که هوش مصنوعی شما میتواند پیادهسازی کند.
اثر انگشت کامل پشته
Next.js, Vite, Astro, Remix، اسکریپتهای تحلیلی، امضاهای CDN و ادغامهای شخص ثالث را تشخیص میدهد. نسخههای دقیق زمانی که هدرها آنها را افشا میکنند.
نقشه نقاط شکست واکنشگرا
هر نقطه شکست، سوئیچ flex/grid، فروپاشی ستون و گام font-size را مستند میکند — تا طرحبندی موبایل در مشخصات یک فکر ثانویه نباشد.
الهام، نه نقض.
CopyDesign.ai یک ابزار مطالعه و نمونهسازی است. از آن برای درک الگوهای طراحی، استخراج کامپوننتهای فردی و تسریع کار اصلی خود استفاده کنید. ما از استفاده مخرب پشتیبانی نمیکنیم — بدون جعل هویت برند، بدون صفحات فیشینگ، بدون نقض علامت تجاری یا حق کپیرایت. لوگو، نام، متن را عوض کنید. آن را مال خود کنید.
ما مشخصات را مینویسیم. هوش مصنوعی شما ساخت را انجام میدهد.
خروجی مارکداون ساده. با Bolt, Lovable, v0, Cursor, Claude Code, Codex کار میکند — انتخاب با شماست.
بدون قفل شدن ابزار. هرگز.
مشخصات متن ساده است. امروز آن را در Claude Code، فردا در Codex، هفته آینده در Gemini بچسبانید.
$1.99. یک مشخصات. بدون نیاز به اشتراک.
قبل از تعهد آن را امتحان کنید. خرید یکباره، خروجی فوری.
۹۰٪ آماده در اولین پرامپت. صادقانه.
ما پیکسل به پیکسل بودن را قول نمیدهیم. ما سیگنال کافی را قول میدهیم تا هوش مصنوعی شما حدس نزند.
۶۰۰۰ کلمه سیگنال ساختاریافته، نه یک توصیف مبهم.
پشته فناوری، توکنهای طراحی، مشخصات انیمیشن، منطق واکنشگرا — همه در یک چسباندن.
URL همان پرامپت است. از اسکرینشات گرفتن دست بردارید.
به هوش مصنوعی خود دادههای مورد نیاز را بدهید به جای تصویری که باید تفسیر کند.
این هنر را مطالعه کنید. چیزی اصیل بسازید.
الهام، نه نقض. ما الگوها را استخراج میکنیم — شما ایده را میآورید.
یک بار رایگان امتحان کنید، بدون نیاز به کارت. زمانی که خروجی خودش گویای همه چیز باشد، ارتقا دهید — بدون آزمایش، بدون بازپرداخت.
رایگان
۱ شبیهسازی · برای همیشه
شروعکننده
۱۲ شبیهسازی / ماه
حرفهای
۳۰ شبیهسازی / ماه
سوالات، پاسخ داده شدهاند.
پاسخهای صریح درباره آنچه CopyDesign.ai انجام میدهد و آنچه انجام نمیدهد.
آیا روی برنامههای پشت دیوارهای ورود به سیستم کار میکند؟
آیا میتواند سایتهای CSS-in-JS مانند Linear یا Stripe را مدیریت کند؟
در مورد سایتهای WebGL یا canvas-heavy چطور؟
آیا URL من در جایی ذخیره میشود؟
چه چیزی به عنوان یک 'شبیهسازی' محسوب میشود — آیا اجرای مجدد هزینه اضافی دارد؟
یک شبیهسازی معمولی چقدر طول میکشد؟
آیا میتوانم برنامههای موبایل را از اسکرینشاتها شبیهسازی کنم؟
خروجی با کدام ابزارهای هوش مصنوعی کار میکند؟
به هوش مصنوعی خود یک مشخصات بدهید.
نه یک اسکرینشات برای خیره شدن.
یک URL. کمتر از ۴۵ ثانیه. یک مشخصات ۶۰۰۰ کلمهای که هوش مصنوعی شما واقعاً میتواند از آن بسازد. اولین مورد رایگان است — بدون کارت، بدون لیست انتظار.
بدون کارت · هر زمان لغو کنید · خروجی در کمتر از ۴۵ ثانیه