Én specifikation. Hvert AI-kodningsværktøj. Ingen binding.

Kopier ethvert webstedsdesign til en AI-bygge-specifikation.

Paste a URL and we copy any website design into a 6.000-ords ingeniør-specifikation. Drop it into Claude Code, Codex, Cursor, or Gemini and get 90% færdig på den første prompt.

TailwindMotionshadcn/uiThree.jsGSAPWebGLReactNext.js

Enhver live-side — vi tilføjer https:// hvis det mangler. Tryk Enter for at generere.

Gratis konto — 1 spec inkluderet, intet kort, én konto per person.

Prøv et eksempel:

Rul

Virker med alle de AI-kodningsværktøjer, du allerede bruger.

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

Lancerer offentligt snart

Hvorfor skærmbilleder fejler


Et skærmbillede giver din AI en jpeg og et håb. Den hallucinerer skrifttypen, opfinder afstanden og vælger det forkerte komponentbibliotek. Vi giver den de faktiske data.

Skærmbilledmetodenscreenshot.png → llm → guesswork

Låst fast, flyver i blinde

Bolt, Lovable, v0 fanger dig i deres editor og hallucinerer alt, hvad skærmbilledet ikke kan vise. Du bruger tre timer på at rette det, som én god specifikation ville have forhindret.

  • Animationer væk. Skærmbillede er en frossen ramme.
  • Skrifttyper gættet. Ender normalt på system-ui.
  • Farver skønnet. HSL-drift, forkert opacitet.
  • Responsivt layout opfundet. Normalt forkert.
  • Komponentbibliotek: hvad end LLM'en har lyst til.
  • Teknologistak ukendt. Output er ustiliserede divs.
  • Scroll-effekter, hover-tilstande, interaktioner: droppet.
  • Vag prompt ind, vag kode ud.
CopyDesign.aiurl → spec → any AI tool

Bærbar. Præcis. Din.

Almindelig markdown. Indsæt det i ethvert AI-værktøj, du allerede betaler for. Vi crawler den live side, parser DOM'en, gengiver scroll-tilstande, udtrækker CSS-grafen og producerer en specifikation med nok signal, så din AI ikke behøver at gætte.

  • cubic-bezier kurver, varigheder, forsinkelser — alt kortlagt.
  • Præcis skrifttypefamilie, vægt, størrelse, linjehøjde.
  • Hex-præcise farver, gradient-stop, CSS-variabler.
  • Hvert breakpoint, kolonne-kollaps, skriftstørrelse-trin.
  • Identificerer shadcn / Radix / MUI / Tailwind.
  • Registrerer Next.js, Astro, Vite, Motion, GSAP.
  • Scroll-udløsere og hover-tilstande dokumenteret.
  • 6.000+ ords specifikation, din AI faktisk kan følge.

Din AI er kun så god som den kontekst, du giver den. Giv den en specifikation, ikke et skærmbillede.

Vores proces

Ingen DevTools-udforskning. Ingen farvevalg. Ingen konsol-logging af padding-værdier. Vi kører sitet gennem seks udtrækningsgange og giver dig den sande kilde på under 45 sekunder.

INDTAG

Hent den live side

Headless Chromium gengiver den rigtige side — JS evalueret, webfonts indlæst, scroll-tilstande fanget, netværkskald logget. Intet forældet skærmbillede, ingen gætteri fra kildevisning.

UDTRÆK

Udtræk DOM-sandheden

Vi læser beregnet CSS på hvert element — præcise hex-farver, font-familie, linjehøjde, padding, border-radius, skygge. Plus den rå tekst, så AI'en gengiver tekst i stedet for at hallucinerer den.

SE

Visuel analyse i to trin

En avanceret visionsmodel læser skærmbillederne. Trin ét kortlægger layout, hierarki og komponentstruktur. Trin to fanger animationer, hover-tilstande og scroll-udløst bevægelse.

IDENTIFICER

Identificer stacken

Vi registrerer Next.js, Astro, Vite, Tailwind, shadcn/ui, Radix, Framer Motion, GSAP — ud fra DOM-mønstre og runtime-globals. Outputtet målretter den samme stack, så din AI bygger kode i den native form.

KOMPONER

Syntetiser specifikationen

DOM-fund + visuelle fund + stack-identifikation flettes sammen til en struktureret 6.000-ords ingeniør-brief — designtokens, layout-grid, animationstiminger, responsive breakpoints, byggeorden.

SEND

Indsæt i ethvert AI-værktøj

Almindelig tekst ud — virker i Claude Code, Cursor, Codex, Windsurf, v0, Bolt, Lovable, ChatGPT. Ingen vendor lock-in. Du ejer specifikationen for evigt, selv hvis du opsiger.

Hvad du får

Hver kørsel producerer et struktureret blueprint på 6.000+ ord. Indsæt det i Claude Code, Cursor eller Codex og få en fungerende implementering — ikke en hallucineret tilnærmelse.

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. Indsæt i dit AI-værktøj. Send.

Teknologistak

Registreret fra headers, script-signaturer og DOM-mønstre. Next.js / Astro / Vite / Remix — med versioner, hvor de er eksponeret.

Designtokens

Hex-værdier, CSS custom properties, afstandsskala, skrifttypemålinger, border-radius, skyggedefinitioner — hver variabel, der betyder noget.

Adfærd

easing-kurver, scroll-udløsere, hover-overgange, breakpoint-skift. De 40% af designet, et skærmbillede ikke kan fange.

Hvad vi udtrækker

Signalet, der adskiller en poleret build fra en grov kopi — easing-kurver, beregnede tokens, det faktiske komponentbibliotek. Vi trækker det fra den live side, ikke et billede.

Layout- og afstandsudtrækning

Læser beregnede box-modeller, grid-definitioner, gap-værdier, padding og visuelt hierarki fra den live DOM — ikke et gæt fra et skærmbillede.

Præcis farve og typografi

Trækker hex-værdier, gradient-stop, CSS custom properties, skrifttypefamilier, vægte, størrelser og beregnede linjehøjder direkte fra render-træet.

Registrering af komponentbibliotek

Identificerer shadcn/ui, Radix, MUI, Headless UI og Tailwind-mønstre — så specifikationen fortæller din AI, hvilke primitiver den skal bruge.

Animationskurver og udløsere

Fanger easing-funktioner, varigheder, scroll-forbundne effekter og hover-overgange — og skriver dem derefter som Motion/GSAP-specifikationer, din AI kan implementere.

Fuld stack-identifikation

Registrerer Next.js, Vite, Astro, Remix, analysescripts, CDN-signaturer og tredjeparts-integrationer. Præcise versioner, når headers eksponerer dem.

Responsivt breakpoint-kort

Dokumenterer hvert breakpoint, flex/grid-skift, kolonne-kollaps og skriftstørrelse-trin — så mobillayout ikke er en eftertanke i specifikationen.

Ansvarlig brug

Inspiration, ikke krænkelse.

CopyDesign.ai er et studie- og prototypingværktøj. Brug det til at forstå designmønstre, udtrække individuelle komponenter og accelerere dit eget originale arbejde. Vi understøtter ikke ondsindet brug — ingen brand-efterligning, ingen phishing-sider, ingen varemærke- eller ophavsretskrænkelse. Skift logoet, navnet, teksten. Gør det til dit eget.

Hvorfor CopyDesign.ai

Vi skriver specifikationen. Din AI bygger.

Almindelig markdown-output. Virker med Bolt, Lovable, v0, Cursor, Claude Code, Codex — dit valg.

Ingen værktøjsbinding. Nogensinde.

Specifikationen er almindelig tekst. Indsæt den i Claude Code i dag, Codex i morgen, Gemini næste uge.

$1.99. Én specifikation. Intet abonnement påkrævet.

Prøv det, før du forpligter dig. Engangskøb, øjeblikkeligt output.

90% færdig på den første prompt. Helt ærligt.

Vi lover ikke pixel-perfekt. Vi lover nok signal, så din AI ikke gætter.

6.000 ords struktureret signal, ikke en vag beskrivelse.

Teknologistak, designtokens, animationsspecifikationer, responsiv logik — alt i én indsættelse.

URL'en er prompten. Stop med at tage skærmbilleder.

Giv din AI de data, den har brug for, i stedet for et billede, den skal fortolke.

Studer håndværket. Byg noget originalt.

Inspiration, ikke krænkelse. Vi udtrækker mønstre — du kommer med ideen.

Priser

Prøv det én gang, gratis, intet kort påkrævet. Opgrader, når outputtet taler for sig selv — ingen prøveperioder, ingen refusioner.

Gratis

$0/md.

1 klon · for evigt

Mest populær

Starter

$9.99/md.

12 kloner / måned

Pro

$19.99/md.

30 kloner / måned

Eller få en enkelt specifikation for $1.99 — intet abonnement, ingen fornyelse.
Se fulde priser
Ofte stillede spørgsmål

Spørgsmål, besvaret.

Lige svar om, hvad CopyDesign.ai gør, og hvad det ikke gør.

Virker det på apps bag login-mure?
Nej. Vi henter og tager kun skærmbilleder af den offentligt tilgængelige URL. Dashboards, adminpaneler og autentificerede flows er uden for rækkevidde. For disse skal du skifte til Billede- eller Mobil-tilstand — tag selv skærmbillederne og upload dem.
Kan det håndtere CSS-in-JS-sider som Linear eller Stripe?
Ja. Vi læser beregnede stilarter, efter at siden er gengivet, ikke kilde-JS. Stripe og Linear er to af vores højeste-fidelity outputs — CSS-in-JS er ikke et problem.
Hvad med WebGL- eller canvas-tunge sider?
Delvist. Statisk layout, typografi og UI-krom udtrækkes rent. WebGL-shaders og Three.js-scener tilnærmes — vi beskriver effekten og leverer en placeholder-implementering. Fuld shader-replikering er ikke på køreplanen.
Gemmes min URL et sted?
Din URL gemmes i din kloningshistorik, synlig i dit dashboard. Vi sælger eller deler den ikke. Skærmbilleder taget under analyse kasseres, når specifikationen er genereret. Se privatlivspolitikken for det fulde billede.
Hvad tæller som én 'klon' — koster genkørsler ekstra?
Hvert 'Generer'-klik koster én kredit, inklusive genkørsler af den samme URL. Resultater cachelagres ikke mellem sessioner, så en genkørsel producerer en frisk specifikation og trækker én kredit.
Hvor lang tid tager en typisk klon?
URL-tilstand: 20–45 sekunder. Billede- og mobilskærmbilledtilstand: 10–20 sekunder (ingen hentetrin). Video-tilstand: 60–90 sekunder afhængigt af filstørrelse. JS-tunge sider tager længere tid, fordi vi venter på fuld gengivelse.
Kan jeg klone mobilapps fra skærmbilleder?
Ja — det er Mobil App-tilstand. Upload op til 10 skærmbilleder fra enhver iOS- eller Android-app og få en fuld specifikation med React Native og SwiftUI komponentvejledning. Flere skærme betyder et mere komplet output.
Hvilke AI-værktøjer virker outputtet med?
Specifikationen er almindelig tekst. Indsæt den i Claude Code, Codex, Gemini, Cursor, Windsurf, Replit, v0, Bolt eller ChatGPT. Den er som standard formateret til Next.js + Tailwind, men læsbar nok til at tilpasse sig enhver stack.

Giv din AI en specifikation.
Ikke et skærmbillede at skele til.

Én URL. Under 45 sekunder. En 6.000-ords specifikation, din AI faktisk kan bygge ud fra. Den første er gratis — intet kort, ingen venteliste.

Se priser

Intet kort · Opsig når som helst · Output på under 45 sekunder