یک مشخصات. هر ابزار کد هوش مصنوعی. بدون قفل شدن.

هر طراحی وب‌سایتی را کپی کنید به یک مشخصات ساخت هوش مصنوعی.

Paste a URL and we copy any website design into a مشخصات مهندسی ۶۰۰۰ کلمه‌ای. Drop it into Claude Code, Codex, Cursor, or Gemini and get ۹۰٪ آماده در اولین پرامپت.

TailwindMotionshadcn/uiThree.jsGSAPWebGLReactNext.js

هر سایت زنده‌ای — اگر https:// نباشد، ما آن را اضافه می‌کنیم. برای تولید، Enter را فشار دهید.

حساب رایگان — ۱ مشخصات شامل می‌شود، بدون نیاز به کارت، یک حساب کاربری برای هر نفر.

یک مثال را امتحان کنید:

پیمایش

با هر ابزار کد هوش مصنوعی که از قبل استفاده می‌کنید، کار می‌کند.

Claude Code
Claude Design
Codex
Gemini
Cursor
Windsurf
Replit
ChatGPT
v0
Bolt
Copilot
Lovable
Claude Code
Claude Design
Codex
Gemini
Cursor
Windsurf
Replit
ChatGPT
v0
Bolt
Copilot
Lovable

به زودی به صورت عمومی راه‌اندازی می‌شود

چرا اسکرین‌شات‌ها شکست می‌خورند


یک اسکرین‌شات به هوش مصنوعی شما یک jpeg و یک امید می‌دهد. فونت را توهم می‌زند، فاصله را اختراع می‌کند و کتابخانه کامپوننت اشتباهی را انتخاب می‌کند. ما داده‌های واقعی را به آن می‌دهیم.

رویکرد اسکرین‌شاتscreenshot.png → llm → حدس و گمان

قفل شده، کورکورانه

Bolt, Lovable, v0 شما را در ویرایشگر خود به دام می‌اندازند و هر چیزی را که اسکرین‌شات نمی‌تواند نشان دهد، توهم می‌زنند. شما سه ساعت را صرف رفع چیزی می‌کنید که یک مشخصات خوب می‌توانست از آن جلوگیری کند.

  • انیمیشن‌ها از بین رفته‌اند. اسکرین‌شات یک فریم ثابت است.
  • فونت‌ها حدس زده می‌شوند. معمولاً روی system-ui قرار می‌گیرد.
  • رنگ‌ها با چشم تخمین زده می‌شوند. انحراف HSL، شفافیت اشتباه.
  • طرح‌بندی واکنش‌گرا اختراع می‌شود. معمولاً اشتباه است.
  • کتابخانه کامپوننت: هر چیزی که LLM دوست دارد.
  • پشته فناوری ناشناخته. خروجی divهای بدون استایل است.
  • افکت‌های اسکرول، حالت‌های هاور، تعاملات: حذف شده‌اند.
  • پرامپت مبهم ورودی، کد مبهم خروجی.
CopyDesign.aiurl → spec → هر ابزار هوش مصنوعی

قابل حمل. دقیق. مال شما.

مارک‌داون ساده. آن را در هر ابزار هوش مصنوعی که از قبل برای آن هزینه می‌کنید، بچسبانید. ما صفحه زنده را می‌خزیم، 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-prompt.md
# 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 یک ابزار مطالعه و نمونه‌سازی است. از آن برای درک الگوهای طراحی، استخراج کامپوننت‌های فردی و تسریع کار اصلی خود استفاده کنید. ما از استفاده مخرب پشتیبانی نمی‌کنیم — بدون جعل هویت برند، بدون صفحات فیشینگ، بدون نقض علامت تجاری یا حق کپی‌رایت. لوگو، نام، متن را عوض کنید. آن را مال خود کنید.

چرا CopyDesign.ai

ما مشخصات را می‌نویسیم. هوش مصنوعی شما ساخت را انجام می‌دهد.

خروجی مارک‌داون ساده. با Bolt, Lovable, v0, Cursor, Claude Code, Codex کار می‌کند — انتخاب با شماست.

بدون قفل شدن ابزار. هرگز.

مشخصات متن ساده است. امروز آن را در Claude Code، فردا در Codex، هفته آینده در Gemini بچسبانید.

$1.99. یک مشخصات. بدون نیاز به اشتراک.

قبل از تعهد آن را امتحان کنید. خرید یک‌باره، خروجی فوری.

۹۰٪ آماده در اولین پرامپت. صادقانه.

ما پیکسل به پیکسل بودن را قول نمی‌دهیم. ما سیگنال کافی را قول می‌دهیم تا هوش مصنوعی شما حدس نزند.

۶۰۰۰ کلمه سیگنال ساختاریافته، نه یک توصیف مبهم.

پشته فناوری، توکن‌های طراحی، مشخصات انیمیشن، منطق واکنش‌گرا — همه در یک چسباندن.

URL همان پرامپت است. از اسکرین‌شات گرفتن دست بردارید.

به هوش مصنوعی خود داده‌های مورد نیاز را بدهید به جای تصویری که باید تفسیر کند.

این هنر را مطالعه کنید. چیزی اصیل بسازید.

الهام، نه نقض. ما الگوها را استخراج می‌کنیم — شما ایده را می‌آورید.

قیمت‌گذاری

یک بار رایگان امتحان کنید، بدون نیاز به کارت. زمانی که خروجی خودش گویای همه چیز باشد، ارتقا دهید — بدون آزمایش، بدون بازپرداخت.

رایگان

$0/ماه

۱ شبیه‌سازی · برای همیشه

شروع‌کننده

$9.99/ماه

۱۲ شبیه‌سازی / ماه

حرفه‌ای

$19.99/ماه

۳۰ شبیه‌سازی / ماه

سوالات متداول

سوالات، پاسخ داده شده‌اند.

پاسخ‌های صریح درباره آنچه CopyDesign.ai انجام می‌دهد و آنچه انجام نمی‌دهد.

آیا روی برنامه‌های پشت دیوارهای ورود به سیستم کار می‌کند؟
خیر. ما فقط URL عمومی را واکشی و اسکرین‌شات می‌گیریم. داشبوردها، پنل‌های مدیریت و جریان‌های احراز هویت شده در دسترس نیستند. برای این موارد، به حالت تصویر یا موبایل بروید — خودتان اسکرین‌شات بگیرید و آپلود کنید.
آیا می‌تواند سایت‌های CSS-in-JS مانند Linear یا Stripe را مدیریت کند؟
بله. ما استایل‌های محاسبه شده را پس از رندر شدن صفحه می‌خوانیم، نه JS منبع را. Stripe و Linear دو مورد از خروجی‌های با بالاترین دقت ما هستند — CSS-in-JS مشکلی نیست.
در مورد سایت‌های WebGL یا canvas-heavy چطور؟
تا حدی. طرح‌بندی ثابت، تایپوگرافی و UI chrome به طور تمیز استخراج می‌شوند. WebGL shaders و صحنه‌های Three.js تقریبی هستند — ما اثر را توصیف می‌کنیم و یک پیاده‌سازی جایگزین ارائه می‌دهیم. تکثیر کامل shader در نقشه راه نیست.
آیا URL من در جایی ذخیره می‌شود؟
URL شما در تاریخچه شبیه‌سازی‌های شما ذخیره می‌شود و در داشبورد شما قابل مشاهده است. ما آن را نمی‌فروشیم یا به اشتراک نمی‌گذاریم. اسکرین‌شات‌های گرفته شده در طول تحلیل پس از تولید مشخصات دور انداخته می‌شوند. برای تصویر کامل، سیاست حفظ حریم خصوصی را ببینید.
چه چیزی به عنوان یک 'شبیه‌سازی' محسوب می‌شود — آیا اجرای مجدد هزینه اضافی دارد؟
هر کلیک Generate یک اعتبار هزینه دارد، از جمله اجرای مجدد همان URL. نتایج بین جلسات کش نمی‌شوند، بنابراین یک اجرای مجدد یک مشخصات تازه تولید می‌کند و یک اعتبار مصرف می‌کند.
یک شبیه‌سازی معمولی چقدر طول می‌کشد؟
حالت URL: ۲۰–۴۵ ثانیه. حالت تصویر و اسکرین‌شات موبایل: ۱۰–۲۰ ثانیه (بدون مرحله واکشی). حالت ویدئو: ۶۰–۹۰ ثانیه بسته به اندازه فایل. صفحات سنگین JS زمان بیشتری می‌برند زیرا ما منتظر رندر کامل می‌مانیم.
آیا می‌توانم برنامه‌های موبایل را از اسکرین‌شات‌ها شبیه‌سازی کنم؟
بله — این حالت برنامه موبایل است. تا ۱۰ اسکرین‌شات از هر برنامه iOS یا Android آپلود کنید و یک مشخصات کامل با راهنمایی کامپوننت React Native و SwiftUI دریافت کنید. صفحه‌های بیشتر به معنای خروجی کامل‌تر است.
خروجی با کدام ابزارهای هوش مصنوعی کار می‌کند؟
مشخصات متن ساده است. آن را در Claude Code, Codex, Gemini, Cursor, Windsurf, Replit, v0, Bolt یا ChatGPT بچسبانید. به طور پیش‌فرض برای Next.js + Tailwind فرمت شده است اما به اندازه کافی خوانا است که با هر پشته‌ای سازگار شود.

به هوش مصنوعی خود یک مشخصات بدهید.
نه یک اسکرین‌شات برای خیره شدن.

یک URL. کمتر از ۴۵ ثانیه. یک مشخصات ۶۰۰۰ کلمه‌ای که هوش مصنوعی شما واقعاً می‌تواند از آن بسازد. اولین مورد رایگان است — بدون کارت، بدون لیست انتظار.

مشاهده قیمت‌گذاری

بدون کارت · هر زمان لغو کنید · خروجی در کمتر از ۴۵ ثانیه