Én spesifikasjon. Hvert AI-kodeverktøy. Ingen binding.

Kopier ethvert nettsteddesign til en AI-byggespesifikasjon.

Paste a URL and we copy any website design into a ingeniørspesifikasjon på 6000 ord. Drop it into Claude Code, Codex, Cursor, or Gemini and get 90 % ferdig på første spørsmål.

TailwindMotionshadcn/uiThree.jsGSAPWebGLReactNext.js

Enhver live-side — vi legger til https:// om det mangler. Trykk Enter for å generere.

Gratis konto — 1 spec inkludert, ikke noe kort, én konto per person.

Prøv et eksempel:

Rull

Fungerer med alle AI-kodeverktøy du allerede bruker.

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

Lanseres offentlig snart

Hvorfor skjermbilder feiler


Et skjermbilde gir din AI en jpeg og et håp. Den hallusinerer skrifttypen, finner opp avstandene og velger feil komponentbibliotek. Vi gir den de faktiske dataene.

Skjermbilde-tilnærmingenscreenshot.png → llm → guesswork

Låst inne, flyr i blinde

Bolt, Lovable, v0 fanger deg i deres redigeringsprogram og hallusinerer alt skjermbildet ikke kan vise. Du bruker tre timer på å fikse det én god spesifikasjon ville ha forhindret.

  • Animasjoner borte. Skjermbilde er en frossen ramme.
  • Skrifttyper gjettet. Lander vanligvis på system-ui.
  • Farger anslått. HSL-drift, feil opasitet.
  • Responsivt layout oppfunnet. Vanligvis feil.
  • Komponentbibliotek: hva enn LLM føler for.
  • Teknisk stakk ukjent. Utdata er ustylte divs.
  • Rulleeffekter, hover-tilstander, interaksjoner: droppet.
  • Vag prompt inn, vag kode ut.
CopyDesign.aiurl → spec → any AI tool

Bærbar. Presis. Din.

Ren markdown. Lim den inn i ethvert AI-verktøy du allerede betaler for. Vi gjennomsøker den levende siden, parser DOM, gjengir rullestater, trekker ut CSS-grafen og produserer en spesifikasjon med nok signal til at din AI ikke trenger å gjette.

  • cubic-bezier kurver, varigheter, forsinkelser – alt kartlagt.
  • Nøyaktig skriftfamilie, vekt, størrelse, linjehøyde.
  • Heks-presise farger, gradientstopp, CSS-variabler.
  • Hvert brytpunkt, kolonne-kollaps, skriftstørrelsestrinn.
  • Fingeravtrykker shadcn / Radix / MUI / Tailwind.
  • Oppdager Next.js, Astro, Vite, Motion, GSAP.
  • Rulletiggere og hover-tilstander dokumentert.
  • 6000+ ords spesifikasjon din AI faktisk kan følge.

Din AI er bare så god som konteksten du gir den. Gi den en spesifikasjon, ikke et skjermbilde.

Vår prosess

Ingen DevTools-dykking. Ingen fargeplukking. Ingen konsoll-logging av padding-verdier. Vi kjører nettstedet gjennom seks uttrekksrunder og gir deg sannhetskilden på under 45 sekunder.

INNTAK

Hent det levende nettstedet

Headless Chromium gjengir den virkelige siden – JS evaluert, webfonter lastet, rullestater fanget, nettverkskall logget. Ingen utdatert skjermbilde, ingen gjetting fra kildevisning.

TREKK UT

Trekk ut DOM-sannheten

Vi leser beregnet CSS på hvert element – nøyaktige heksfarger, skriftfamilie, linjehøyde, padding, border-radius, skygge. Pluss den rå kopien slik at AI-en gjengir tekst i stedet for å hallusinere den.

SE

Visuell analyse i to pass

En banebrytende visjonsmodell leser skjermbildene. Første pass kartlegger layout, hierarki og komponentstruktur. Andre pass fanger animasjoner, hover-tilstander og rulle-utløst bevegelse.

IDENTIFISER

Fingeravtrykk stakken

Vi oppdager Next.js, Astro, Vite, Tailwind, shadcn/ui, Radix, Framer Motion, GSAP – fra DOM-mønstre og runtime-globals. Utdata retter seg mot samme stakk slik at din AI bygger kode med native-form.

KOMPONER

Syntetiser spesifikasjonen

DOM-funn + visuelle funn + stakk-fingeravtrykk slås sammen til en strukturert ingeniørbeskrivelse på 6000 ord – designtokens, layout-rutenett, animasjonstider, responsive brytpunkter, byggeordre.

SEND

Lim inn i ethvert AI-verktøy

Ren tekst ut – fungerer i Claude Code, Cursor, Codex, Windsurf, v0, Bolt, Lovable, ChatGPT. Ingen leverandørbinding. Du eier spesifikasjonen for alltid, selv om du kansellerer.

Hva du får

Hver kjøring produserer en strukturert tegning på 6000+ ord. Lim den inn i Claude Code, Cursor eller Codex og få en fungerende implementasjon – ikke en hallusinere tilnærming.

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
Kopier. Lim inn i ditt AI-verktøy. Send.

Teknisk stakk

Oppdaget fra headere, skriptsignaturer og DOM-mønstre. Next.js / Astro / Vite / Remix – med versjoner der de er eksponert.

Designtokens

Heksverdier, CSS-egendefinerte egenskaper, avstandsskala, skriftmålinger, border-radius, skyggedefinisjoner – hver variabel som betyr noe.

Oppførsel

easing-kurver, rulle-triggere, hover-overganger, brytpunkt-svitsjer. De 40 % av designet et skjermbilde ikke kan fange.

Hva vi trekker ut

Signalet som skiller et polert bygg fra en grov kopi – easing-kurver, beregnede tokens, det faktiske komponentbiblioteket. Vi trekker det fra den levende siden, ikke et bilde.

Layout- og avstandsuttrekk

Leser beregnede boksmodeller, rutenettdefinisjoner, gap-verdier, padding og visuell hierarki fra den levende DOM – ikke en gjetning fra et skjermbilde.

Nøyaktig farge og type

Trekker heksverdier, gradientstopp, CSS-egendefinerte egenskaper, skriftfamilier, vekter, størrelser og beregnede linjehøyder direkte fra gjengivelsestreet.

Deteksjon av komponentbibliotek

Fingeravtrykker shadcn/ui, Radix, MUI, Headless UI og Tailwind-mønstre – slik at spesifikasjonen forteller din AI hvilke primitiver den skal bruke.

Animasjonskurver og triggere

Fanger easing-funksjoner, varigheter, rulle-koblede effekter og hover-overganger – og skriver dem deretter som Motion/GSAP-spesifikasjoner din AI kan implementere.

Full stakk-fingeravtrykk

Oppdager Next.js, Vite, Astro, Remix, analyseskript, CDN-signaturer og tredjeparts-integrasjoner. Nøyaktige versjoner når headere eksponerer dem.

Kart over responsive brytpunkter

Dokumenterer hvert brytpunkt, flex/grid-svitsj, kolonne-kollaps og skriftstørrelsestrinn – slik at mobillayout ikke er en ettertanke i spesifikasjonen.

Ansvarlig bruk

Inspirasjon, ikke krenkelse.

CopyDesign.ai er et studie- og prototypingverktøy. Bruk det til å forstå designmønstre, trekke ut individuelle komponenter og akselerere ditt eget originale arbeid. Vi støtter ikke ondsinnet bruk – ingen merkevareimitasjon, ingen phishing-sider, ingen varemerke- eller opphavsrettskrenkelse. Bytt logoen, navnet, teksten. Gjør det til ditt eget.

Hvorfor CopyDesign.ai

Vi skriver spesifikasjonen. Din AI bygger.

Ren markdown-utdata. Fungerer med Bolt, Lovable, v0, Cursor, Claude Code, Codex – ditt valg.

Ingen verktøy-binding. Noensinne.

Spesifikasjonen er ren tekst. Lim den inn i Claude Code i dag, Codex i morgen, Gemini neste uke.

$1.99. Én spesifikasjon. Ingen abonnement kreves.

Prøv det før du forplikter deg. Engangskjøp, umiddelbar utdata.

90 % ferdig på første spørsmål. Ærlig talt.

Vi lover ikke pikselperfekt. Vi lover nok signal til at din AI ikke gjetter.

6000 ord med strukturert signal, ikke en vag beskrivelse.

Teknisk stakk, designtokens, animasjonsspesifikasjoner, responsiv logikk – alt i én liming.

URL-en er prompten. Slutt å ta skjermbilder.

Gi din AI dataene den trenger i stedet for et bilde den må tolke.

Studer håndverket. Bygg noe originalt.

Inspirasjon, ikke krenkelse. Vi trekker ut mønstre – du kommer med ideen.

Priser

Prøv det én gang, gratis, ingen kort kreves. Oppgrader når utdataene taler for seg selv – ingen prøveperioder, ingen refusjoner.

Gratis

$0/mnd

1 klone · for alltid

Mest populær

Starter

$9.99/mnd

12 kloner / måned

Pro

$19.99/mnd

30 kloner / måned

Eller få en enkelt spesifikasjon for $1.99 – ingen abonnement, ingen fornyelse.
Se fullstendige priser
Ofte stilte spørsmål

Spørsmål, besvart.

Rette svar om hva CopyDesign.ai gjør, og hva det ikke gjør.

Fungerer det på apper bak innloggingsvegger?
Nei. Vi henter og tar skjermbilder av kun den offentlig tilgjengelige URL-en. Dashboards, adminpaneler og autentiserte flyter er utenfor rekkevidde. For disse, bytt til Bilde- eller Mobilmodus – ta skjermbildene selv og last dem opp.
Kan den håndtere CSS-in-JS-nettsteder som Linear eller Stripe?
Ja. Vi leser beregnede stiler etter at siden er gjengitt, ikke kilde-JS. Stripe og Linear er to av våre høyest-fidelity utdata – CSS-in-JS er ikke et problem.
Hva med WebGL- eller canvas-tunge nettsteder?
Delvis. Statisk layout, typografi og UI-krom trekkes ut rent. WebGL-shadere og Three.js-scener er tilnærmet – vi beskriver effekten og gir en plassholderimplementasjon. Full shader-replikering er ikke på veikartet.
Lagres min URL noe sted?
Din URL lagres i klonehistorikken din, synlig i dashbordet ditt. Vi selger eller deler den ikke. Skjermbilder tatt under analyse forkastes når spesifikasjonen er generert. Se personvernreglene for hele bildet.
Hva teller som én 'klone' – koster gjentatte kjøringer ekstra?
Hvert 'Generer'-klikk koster én kreditt, inkludert gjentatte kjøringer av samme URL. Resultater caches ikke mellom økter, så en gjentatt kjøring produserer en fersk spesifikasjon og trekker én kreditt.
Hvor lang tid tar en typisk klone?
URL-modus: 20–45 sekunder. Bilde- og mobilskjermbilde-modus: 10–20 sekunder (ingen hentetrinn). Videomodus: 60–90 sekunder avhengig av filstørrelse. JS-tunge sider tar lengre tid fordi vi venter på full gjengivelse.
Kan jeg klone mobilapper fra skjermbilder?
Ja – det er Mobilapp-modus. Last opp opptil 10 skjermbilder fra hvilken som helst iOS- eller Android-app og få en full spesifikasjon med React Native og SwiftUI komponentveiledning. Flere skjermer betyr en mer komplett utdata.
Hvilke AI-verktøy fungerer utdataene med?
Spesifikasjonen er ren tekst. Lim den inn i Claude Code, Codex, Gemini, Cursor, Windsurf, Replit, v0, Bolt eller ChatGPT. Den er formatert for Next.js + Tailwind som standard, men lesbar nok til å tilpasses enhver stakk.

Gi din AI en spesifikasjon.
Ikke et skjermbilde å myse på.

Én URL. Under 45 sekunder. En 6000-ords spesifikasjon din AI faktisk kan bygge fra. Den første er gratis – ingen kort, ingen venteliste.

Se priser

Ingen kort · Avbryt når som helst · Utdata på under 45 sekunder