One click on any page → generate a DESIGN.md (layout, tokens, components, copy, screenshot) that Claude can use to clone it.
Users
77
+12 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#93K
#77K among extensions
Version
0.1.1
updated 21 Apr 2026
Users
monthly, 6 months
Latest, 16 Oct 2026:77 usersMove the mouse over the chart for any month
Ratings count
monthly, 6 months
Latest, 16 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About ClonePage — Page to DESIGN.md for Claude
Turn any webpage into a **DESIGN.md spec** that Claude (or Codex, Cursor, Stitch…) can use to rebuild it.
**What you get**
- 🎨 Design tokens — top colours (hex + frequency), font families, type scale, spacing scale, radius, shadow, motion
- 🧩 Layout tree — hierarchical outline of visible regions with coordinates, flex/grid modes and text snippets
- 🧱 Components — buttons, links, inputs, cards, navs, modals, badges, heroes, images, videos (size + styles)
- ✍ Copy — H1, lead paragraph, CTA labels captured verbatim
- 🖼 Screenshot — one-click visible-tab capture saved alongside the markdown
- 🤖 Instructions — explicit prompt tailored for Claude: tokens-first, layout fidelity, accessibility, responsive
**How it works**
1. Open any page.
2. Click the ClonePage icon.
3. Hit **Generate DESIGN.md**.
4. Copy, Download, or **Send to Claude** (opens claude.ai with the markdown in your clipboard).
**Privacy-first**
ClonePage runs 100% locally in your browser. No accounts, no telemetry, no third-party servers, no analytics. See the privacy policy link below.