एक स्पेक। हर AI कोड टूल। कोई लॉक-इन नहीं।

किसी भी वेबसाइट डिज़ाइन को कॉपी करें एक AI बिल्ड स्पेक में।

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% तक तैयार.

TailwindMotionshadcn/uiThree.jsGSAPWebGLReactNext.js

कोई भी लाइव साइट — ज़रूरत पड़ने पर हम https:// जोड़ देंगे। जेनरेट करने के लिए Enter दबाएं।

मुफ़्त अकाउंट — 1 स्पेक शामिल, कोई कार्ड नहीं, एक व्यक्ति एक अकाउंट।

एक उदाहरण आज़माएँ:

स्क्रॉल करें

हर उस AI कोड टूल के साथ काम करता है जिसका आप पहले से उपयोग करते हैं।

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

जल्द ही सार्वजनिक रूप से लॉन्च हो रहा है

स्क्रीनशॉट क्यों विफल होते हैं


एक स्क्रीनशॉट आपके AI को एक jpeg और एक प्रार्थना देता है। यह फ़ॉन्ट को भ्रमित करता है, स्पेसिंग का आविष्कार करता है, और गलत कंपोनेंट लाइब्रेरी चुनता है। हम इसे वास्तविक डेटा देते हैं।

स्क्रीनशॉट दृष्टिकोणscreenshot.png → llm → guesswork

लॉक-इन, अंधेरे में उड़ना

Bolt, Lovable, v0 आपको उनके एडिटर में फँसाते हैं और वह सब कुछ भ्रमित करते हैं जो स्क्रीनशॉट नहीं दिखा सकता। आप तीन घंटे उसे ठीक करने में बिताते हैं जिसे एक अच्छा स्पेक रोक सकता था।

  • एनिमेशन गायब। स्क्रीनशॉट एक जमी हुई फ्रेम है।
  • फ़ॉन्ट अनुमानित। आमतौर पर system-ui पर आता है।
  • रंग अंदाजे से। HSL ड्रिफ्ट, गलत अपारदर्शिता।
  • रिस्पॉन्सिव लेआउट का आविष्कार। आमतौर पर गलत।
  • कंपोनेंट लाइब्रेरी: LLM को जो पसंद हो।
  • टेक स्टैक अज्ञात। आउटपुट अनस्टाइल किए गए डिव्स हैं।
  • स्क्रॉल प्रभाव, होवर स्टेट्स, इंटरैक्शन: छोड़ दिए गए।
  • अस्पष्ट प्रॉम्प्ट अंदर, अस्पष्ट कोड बाहर।
CopyDesign.aiurl → spec → any AI tool

पोर्टेबल। सटीक। आपका।

सादा मार्कडाउन। इसे किसी भी AI टूल में पेस्ट करें जिसके लिए आप पहले से भुगतान करते हैं। हम लाइव पेज को क्रॉल करते हैं, DOM को पार्स करते हैं, स्क्रॉल स्टेट्स को रेंडर करते हैं, CSS ग्राफ़ निकालते हैं, और पर्याप्त सिग्नल के साथ एक स्पेक तैयार करते हैं ताकि आपके AI को अनुमान न लगाना पड़े।

  • cubic-bezier कर्व्स, अवधि, देरी — सभी मैप किए गए।
  • सटीक फ़ॉन्ट परिवार, वज़न, आकार, लाइन-हाइट।
  • हेक्स-सटीक रंग, ग्रेडिएंट स्टॉप, CSS वैरिएबल।
  • हर ब्रेकपॉइंट, कॉलम कोलैप्स, फ़ॉन्ट स्टेप।
  • shadcn / Radix / MUI / Tailwind का फिंगरप्रिंट करता है।
  • Next.js, Astro, Vite, Motion, GSAP का पता लगाता है।
  • स्क्रॉल ट्रिगर और होवर स्टेट्स प्रलेखित।
  • 6,000+ शब्दों का स्पेक जिसे आपका AI वास्तव में फॉलो कर सकता है।

आपका AI उतना ही अच्छा है जितना संदर्भ आप उसे देते हैं। उसे एक स्पेक दें, स्क्रीनशॉट नहीं।

हमारी प्रक्रिया

कोई DevTools स्पेलंकिंग नहीं। कोई रंग-चयन नहीं। कोई कंसोल-लॉगिंग पैडिंग मान नहीं। हम साइट को छह एक्सट्रैक्शन पास के माध्यम से चलाते हैं और 45 सेकंड से भी कम समय में आपको सत्य का स्रोत सौंपते हैं।

इनजेस्ट

लाइव साइट को फ़ेच करें

हेडलेस क्रोमियम वास्तविक पेज को रेंडर करता है — JS का मूल्यांकन किया गया, वेब फ़ॉन्ट लोड किए गए, स्क्रॉल स्टेट्स कैप्चर किए गए, नेटवर्क कॉल लॉग किए गए। कोई बासी स्क्रीनशॉट नहीं, कोई स्रोत-दृश्य अनुमान नहीं।

एक्सट्रैक्ट

DOM सत्य निकालें

हम हर एलिमेंट पर कंप्यूटेड CSS पढ़ते हैं — सटीक हेक्स रंग, फ़ॉन्ट-परिवार, लाइन-हाइट, पैडिंग, बॉर्डर-रेडियस, शैडो। साथ ही कच्ची कॉपी ताकि AI टेक्स्ट को भ्रमित करने के बजाय उसे पुनरुत्पादित करे।

देखें

दो-पास दृश्य विश्लेषण

एक फ्रंटियर विजन मॉडल स्क्रीनशॉट पढ़ता है। पास एक लेआउट, पदानुक्रम और कंपोनेंट संरचना को मैप करता है। पास दो एनिमेशन, होवर स्टेट्स और स्क्रॉल-ट्रिगर गति को पकड़ता है।

पहचानें

स्टैक का फिंगरप्रिंट करें

हम Next.js, Astro, Vite, Tailwind, shadcn/ui, Radix, Framer Motion, GSAP का पता लगाते हैं — DOM पैटर्न और रनटाइम ग्लोबल्स से। आउटपुट उसी स्टैक को लक्षित करता है ताकि आपका AI नेटिव-आकार का कोड बनाए।

कंपोज़ करें

स्पेक को संश्लेषित करें

DOM निष्कर्ष + दृश्य निष्कर्ष + स्टैक फिंगरप्रिंट एक संरचित 6,000-शब्दों के इंजीनियरिंग ब्रीफ में विलीन हो जाते हैं — डिज़ाइन टोकन, लेआउट ग्रिड, एनिमेशन टाइमिंग, रिस्पॉन्सिव ब्रेकपॉइंट्स, बिल्ड ऑर्डर।

शिप करें

किसी भी AI टूल में पेस्ट करें

सादा टेक्स्ट आउट — Claude Code, Cursor, Codex, Windsurf, v0, Bolt, Lovable, ChatGPT में काम करता है। कोई वेंडर लॉक नहीं। आप स्पेक के मालिक हमेशा रहेंगे, भले ही आप रद्द कर दें।

आपको क्या मिलता है

हर रन एक संरचित 6,000+ शब्दों का ब्लूप्रिंट तैयार करता है। इसे 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
कॉपी करें। अपने AI टूल में पेस्ट करें। शिप करें।

टेक स्टैक

हेडर, स्क्रिप्ट सिग्नेचर और DOM पैटर्न से पता चला। Next.js / Astro / Vite / Remix — जहाँ संस्करण उजागर हों।

डिज़ाइन टोकन

हेक्स मान, CSS कस्टम प्रॉपर्टीज़, स्पेसिंग स्केल, फ़ॉन्ट मेट्रिक्स, बॉर्डर-रेडियस, शैडो परिभाषाएँ — हर वह वैरिएबल जो मायने रखता है।

व्यवहार

ईज़िंग कर्व्स, स्क्रॉल ट्रिगर, होवर ट्रांज़िशन, ब्रेकपॉइंट स्विच। डिज़ाइन का वह 40% जिसे एक स्क्रीनशॉट कैप्चर नहीं कर सकता।

हम क्या निकालते हैं

वह सिग्नल जो एक पॉलिश किए गए बिल्ड को एक रफ कॉपी से अलग करता है — ईज़िंग कर्व्स, कंप्यूटेड टोकन, वास्तविक कंपोनेंट लाइब्रेरी। हम इसे लाइव पेज से निकालते हैं, न कि किसी इमेज से।

लेआउट और स्पेसिंग एक्सट्रैक्शन

लाइव DOM से कंप्यूटेड बॉक्स मॉडल, ग्रिड परिभाषाएँ, गैप मान, पैडिंग और दृश्य पदानुक्रम पढ़ता है — स्क्रीनशॉट से अनुमान नहीं।

सटीक रंग और प्रकार

रेंडर ट्री से सीधे हेक्स मान, ग्रेडिएंट स्टॉप, CSS कस्टम प्रॉपर्टीज़, फ़ॉन्ट परिवार, वज़न, आकार और कंप्यूटेड लाइन-हाइट्स निकालता है।

कंपोनेंट लाइब्रेरी डिटेक्शन

shadcn/ui, Radix, MUI, Headless UI, और Tailwind पैटर्न का फिंगरप्रिंट करता है — ताकि स्पेक आपके AI को बताए कि किन प्रिमिटिव्स तक पहुँचना है।

एनिमेशन कर्व्स और ट्रिगर

ईज़िंग फ़ंक्शंस, अवधि, स्क्रॉल-लिंक्ड प्रभाव और होवर ट्रांज़िशन कैप्चर करता है — फिर उन्हें Motion/GSAP स्पेक के रूप में लिखता है जिन्हें आपका AI लागू कर सकता है।

फुल स्टैक फिंगरप्रिंट

Next.js, Vite, Astro, Remix, एनालिटिक्स स्क्रिप्ट, CDN सिग्नेचर और थर्ड-पार्टी इंटीग्रेशन का पता लगाता है। सटीक संस्करण जब हेडर उन्हें उजागर करते हैं।

रिस्पॉन्सिव ब्रेकपॉइंट मैप

हर ब्रेकपॉइंट, फ्लेक्स/ग्रिड स्विच, कॉलम कोलैप्स और फ़ॉन्ट-साइज़ स्टेप को दस्तावेज़ित करता है — ताकि मोबाइल लेआउट स्पेक में बाद का विचार न हो।

जिम्मेदार उपयोग

प्रेरणा, उल्लंघन नहीं।

CopyDesign.ai एक अध्ययन और प्रोटोटाइपिंग टूल है। इसका उपयोग डिज़ाइन पैटर्न को समझने, व्यक्तिगत कंपोनेंट्स को निकालने और अपने स्वयं के मूल कार्य को गति देने के लिए करें। हम दुर्भावनापूर्ण उपयोग का समर्थन नहीं करते — कोई ब्रांड प्रतिरूपण नहीं, कोई फ़िशिंग पेज नहीं, कोई ट्रेडमार्क या कॉपीराइट उल्लंघन नहीं। लोगो, नाम, कॉपी बदलें। इसे अपना बनाएं।

CopyDesign.ai क्यों

हम स्पेक लिखते हैं। आपका AI निर्माण करता है।

सादा मार्कडाउन आउटपुट। Bolt, Lovable, v0, Cursor, Claude Code, Codex के साथ काम करता है — आपकी पसंद।

कोई टूल लॉक-इन नहीं। कभी नहीं।

स्पेक सादा टेक्स्ट है। इसे आज Claude Code में, कल Codex में, अगले सप्ताह Gemini में पेस्ट करें।

$1.99। एक स्पेक। कोई सदस्यता आवश्यक नहीं।

प्रतिबद्ध होने से पहले इसे आज़माएँ। एक बार की खरीद, तत्काल आउटपुट।

पहले प्रॉम्प्ट पर 90% तक तैयार। ईमानदार।

हम पिक्सेल-परफेक्ट का वादा नहीं करते। हम पर्याप्त सिग्नल का वादा करते हैं ताकि आपका AI अनुमान न लगाए।

6,000 शब्दों का संरचित सिग्नल, एक अस्पष्ट विवरण नहीं।

टेक स्टैक, डिज़ाइन टोकन, एनिमेशन स्पेक, रिस्पॉन्सिव लॉजिक — सब एक पेस्ट में।

URL प्रॉम्प्ट है। स्क्रीनशॉट लेना बंद करें।

अपने AI को वह डेटा दें जिसकी उसे आवश्यकता है, बजाय इसके कि वह एक इमेज की व्याख्या करे।

शिल्प का अध्ययन करें। कुछ मौलिक बनाएँ।

प्रेरणा, उल्लंघन नहीं। हम पैटर्न निकालते हैं — आप विचार लाते हैं।

मूल्य निर्धारण

इसे एक बार निःशुल्क आज़माएँ, कोई कार्ड आवश्यक नहीं। जब आउटपुट खुद बोले तो अपग्रेड करें — कोई परीक्षण नहीं, कोई वापसी नहीं।

निःशुल्क

$0/माह

1 क्लोन · हमेशा के लिए

स्टार्टर

$9.99/माह

12 क्लोन / माह

प्रो

$19.99/माह

30 क्लोन / माह

अक्सर पूछे जाने वाले प्रश्न

प्रश्नों के उत्तर।

CopyDesign.ai क्या करता है, और क्या नहीं, इसके बारे में सीधे उत्तर।

क्या यह लॉगिन वॉल के पीछे वाले ऐप्स पर काम करता है?
नहीं। हम केवल सार्वजनिक रूप से दिखने वाले URL को फ़ेच और स्क्रीनशॉट करते हैं। डैशबोर्ड, एडमिन पैनल और प्रमाणित फ़्लो पहुँच से बाहर हैं। उनके लिए, इमेज या मोबाइल मोड पर स्विच करें — स्क्रीनशॉट खुद लें और उन्हें अपलोड करें।
क्या यह Linear या Stripe जैसी CSS-in-JS साइटों को संभाल सकता है?
हाँ। हम पेज रेंडर होने के बाद कंप्यूटेड स्टाइल पढ़ते हैं, न कि स्रोत JS। Stripe और Linear हमारे उच्चतम-निष्ठा वाले आउटपुट में से दो हैं — CSS-in-JS कोई समस्या नहीं है।
WebGL या कैनवास-भारी साइटों के बारे में क्या?
आंशिक रूप से। स्थिर लेआउट, टाइपोग्राफी और UI क्रोम साफ-सुथरा निकलता है। WebGL शेडर और Three.js सीन अनुमानित होते हैं — हम प्रभाव का वर्णन करते हैं और एक प्लेसहोल्डर कार्यान्वयन प्रदान करते हैं। पूर्ण शेडर प्रतिकृति रोडमैप पर नहीं है।
क्या मेरा URL कहीं संग्रहीत है?
आपका URL आपकी क्लोन हिस्ट्री में संग्रहीत है, जो आपके डैशबोर्ड में दिखाई देता है। हम इसे बेचते या साझा नहीं करते हैं। विश्लेषण के दौरान कैप्चर किए गए स्क्रीनशॉट स्पेक जनरेट होने के बाद हटा दिए जाते हैं। पूरी जानकारी के लिए गोपनीयता नीति देखें।
एक 'क्लोन' क्या माना जाता है — क्या री-रन के लिए अतिरिक्त शुल्क लगता है?
हर जनरेट क्लिक पर एक क्रेडिट लगता है, जिसमें उसी URL के री-रन भी शामिल हैं। परिणाम सत्रों के बीच कैश नहीं किए जाते हैं, इसलिए एक री-रन एक नया स्पेक तैयार करता है और एक क्रेडिट लेता है।
एक सामान्य क्लोन में कितना समय लगता है?
URL मोड: 20–45 सेकंड। इमेज और मोबाइल-स्क्रीनशॉट मोड: 10–20 सेकंड (कोई फ़ेच स्टेप नहीं)। वीडियो मोड: फ़ाइल आकार के आधार पर 60–90 सेकंड। JS-भारी पेज अधिक समय लेते हैं क्योंकि हम पूर्ण रेंडर के लिए प्रतीक्षा करते हैं।
क्या मैं स्क्रीनशॉट से मोबाइल ऐप्स को क्लोन कर सकता हूँ?
हाँ — वह मोबाइल ऐप मोड है। किसी भी iOS या Android ऐप से 10 स्क्रीनशॉट तक अपलोड करें और React Native और SwiftUI कंपोनेंट मार्गदर्शन के साथ एक पूर्ण स्पेक प्राप्त करें। अधिक स्क्रीन का मतलब अधिक पूर्ण आउटपुट है।
आउटपुट किन AI टूल के साथ काम करता है?
स्पेक सादा टेक्स्ट है। इसे Claude Code, Codex, Gemini, Cursor, Windsurf, Replit, v0, Bolt, या ChatGPT में पेस्ट करें। यह डिफ़ॉल्ट रूप से Next.js + Tailwind के लिए स्वरूपित है लेकिन किसी भी स्टैक के अनुकूल होने के लिए पर्याप्त पठनीय है।

अपने AI को एक स्पेक दें।
घूरने के लिए स्क्रीनशॉट नहीं।

एक URL। 45 सेकंड से भी कम समय में। एक 6,000-शब्दों का स्पेक जिससे आपका AI वास्तव में निर्माण कर सकता है। पहला निःशुल्क है — कोई कार्ड नहीं, कोई प्रतीक्षा सूची नहीं।

मूल्य निर्धारण देखें

कोई कार्ड नहीं · कभी भी रद्द करें · 45 सेकंड से भी कम समय में आउटपुट