किसी भी वेबसाइट डिज़ाइन को कॉपी करें एक 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% तक तैयार.
कोई भी लाइव साइट — ज़रूरत पड़ने पर हम https:// जोड़ देंगे। जेनरेट करने के लिए Enter दबाएं।
मुफ़्त अकाउंट — 1 स्पेक शामिल, कोई कार्ड नहीं, एक व्यक्ति एक अकाउंट।
एक उदाहरण आज़माएँ:
हर उस AI कोड टूल के साथ काम करता है जिसका आप पहले से उपयोग करते हैं।
जल्द ही सार्वजनिक रूप से लॉन्च हो रहा है
एक स्क्रीनशॉट आपके AI को एक jpeg और एक प्रार्थना देता है। यह फ़ॉन्ट को भ्रमित करता है, स्पेसिंग का आविष्कार करता है, और गलत कंपोनेंट लाइब्रेरी चुनता है। हम इसे वास्तविक डेटा देते हैं।
लॉक-इन, अंधेरे में उड़ना
Bolt, Lovable, v0 आपको उनके एडिटर में फँसाते हैं और वह सब कुछ भ्रमित करते हैं जो स्क्रीनशॉट नहीं दिखा सकता। आप तीन घंटे उसे ठीक करने में बिताते हैं जिसे एक अच्छा स्पेक रोक सकता था।
- एनिमेशन गायब। स्क्रीनशॉट एक जमी हुई फ्रेम है।
- फ़ॉन्ट अनुमानित। आमतौर पर system-ui पर आता है।
- रंग अंदाजे से। HSL ड्रिफ्ट, गलत अपारदर्शिता।
- रिस्पॉन्सिव लेआउट का आविष्कार। आमतौर पर गलत।
- कंपोनेंट लाइब्रेरी: LLM को जो पसंद हो।
- टेक स्टैक अज्ञात। आउटपुट अनस्टाइल किए गए डिव्स हैं।
- स्क्रॉल प्रभाव, होवर स्टेट्स, इंटरैक्शन: छोड़ दिए गए।
- अस्पष्ट प्रॉम्प्ट अंदर, अस्पष्ट कोड बाहर।
पोर्टेबल। सटीक। आपका।
सादा मार्कडाउन। इसे किसी भी 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 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 पैटर्न का फिंगरप्रिंट करता है — ताकि स्पेक आपके AI को बताए कि किन प्रिमिटिव्स तक पहुँचना है।
एनिमेशन कर्व्स और ट्रिगर
ईज़िंग फ़ंक्शंस, अवधि, स्क्रॉल-लिंक्ड प्रभाव और होवर ट्रांज़िशन कैप्चर करता है — फिर उन्हें Motion/GSAP स्पेक के रूप में लिखता है जिन्हें आपका AI लागू कर सकता है।
फुल स्टैक फिंगरप्रिंट
Next.js, Vite, Astro, Remix, एनालिटिक्स स्क्रिप्ट, CDN सिग्नेचर और थर्ड-पार्टी इंटीग्रेशन का पता लगाता है। सटीक संस्करण जब हेडर उन्हें उजागर करते हैं।
रिस्पॉन्सिव ब्रेकपॉइंट मैप
हर ब्रेकपॉइंट, फ्लेक्स/ग्रिड स्विच, कॉलम कोलैप्स और फ़ॉन्ट-साइज़ स्टेप को दस्तावेज़ित करता है — ताकि मोबाइल लेआउट स्पेक में बाद का विचार न हो।
प्रेरणा, उल्लंघन नहीं।
CopyDesign.ai एक अध्ययन और प्रोटोटाइपिंग टूल है। इसका उपयोग डिज़ाइन पैटर्न को समझने, व्यक्तिगत कंपोनेंट्स को निकालने और अपने स्वयं के मूल कार्य को गति देने के लिए करें। हम दुर्भावनापूर्ण उपयोग का समर्थन नहीं करते — कोई ब्रांड प्रतिरूपण नहीं, कोई फ़िशिंग पेज नहीं, कोई ट्रेडमार्क या कॉपीराइट उल्लंघन नहीं। लोगो, नाम, कॉपी बदलें। इसे अपना बनाएं।
हम स्पेक लिखते हैं। आपका AI निर्माण करता है।
सादा मार्कडाउन आउटपुट। Bolt, Lovable, v0, Cursor, Claude Code, Codex के साथ काम करता है — आपकी पसंद।
कोई टूल लॉक-इन नहीं। कभी नहीं।
स्पेक सादा टेक्स्ट है। इसे आज Claude Code में, कल Codex में, अगले सप्ताह Gemini में पेस्ट करें।
$1.99। एक स्पेक। कोई सदस्यता आवश्यक नहीं।
प्रतिबद्ध होने से पहले इसे आज़माएँ। एक बार की खरीद, तत्काल आउटपुट।
पहले प्रॉम्प्ट पर 90% तक तैयार। ईमानदार।
हम पिक्सेल-परफेक्ट का वादा नहीं करते। हम पर्याप्त सिग्नल का वादा करते हैं ताकि आपका AI अनुमान न लगाए।
6,000 शब्दों का संरचित सिग्नल, एक अस्पष्ट विवरण नहीं।
टेक स्टैक, डिज़ाइन टोकन, एनिमेशन स्पेक, रिस्पॉन्सिव लॉजिक — सब एक पेस्ट में।
URL प्रॉम्प्ट है। स्क्रीनशॉट लेना बंद करें।
अपने AI को वह डेटा दें जिसकी उसे आवश्यकता है, बजाय इसके कि वह एक इमेज की व्याख्या करे।
शिल्प का अध्ययन करें। कुछ मौलिक बनाएँ।
प्रेरणा, उल्लंघन नहीं। हम पैटर्न निकालते हैं — आप विचार लाते हैं।
इसे एक बार निःशुल्क आज़माएँ, कोई कार्ड आवश्यक नहीं। जब आउटपुट खुद बोले तो अपग्रेड करें — कोई परीक्षण नहीं, कोई वापसी नहीं।
निःशुल्क
1 क्लोन · हमेशा के लिए
स्टार्टर
12 क्लोन / माह
प्रो
30 क्लोन / माह
प्रश्नों के उत्तर।
CopyDesign.ai क्या करता है, और क्या नहीं, इसके बारे में सीधे उत्तर।
क्या यह लॉगिन वॉल के पीछे वाले ऐप्स पर काम करता है?
क्या यह Linear या Stripe जैसी CSS-in-JS साइटों को संभाल सकता है?
WebGL या कैनवास-भारी साइटों के बारे में क्या?
क्या मेरा URL कहीं संग्रहीत है?
एक 'क्लोन' क्या माना जाता है — क्या री-रन के लिए अतिरिक्त शुल्क लगता है?
एक सामान्य क्लोन में कितना समय लगता है?
क्या मैं स्क्रीनशॉट से मोबाइल ऐप्स को क्लोन कर सकता हूँ?
आउटपुट किन AI टूल के साथ काम करता है?
अपने AI को एक स्पेक दें।
घूरने के लिए स्क्रीनशॉट नहीं।
एक URL। 45 सेकंड से भी कम समय में। एक 6,000-शब्दों का स्पेक जिससे आपका AI वास्तव में निर्माण कर सकता है। पहला निःशुल्क है — कोई कार्ड नहीं, कोई प्रतीक्षा सूची नहीं।
कोई कार्ड नहीं · कभी भी रद्द करें · 45 सेकंड से भी कम समय में आउटपुट