Overview
One click on any page → generate a DESIGN.md (layout, tokens, components, copy, screenshot) that Claude can use to clone it.
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.
Details
- Version0.1.1
- UpdatedApril 21, 2026
- Offered byAutomora
- Size23.13KiB
- LanguagesEnglish
- DeveloperCherkaoui Yassine
LISSASFA RES JNANE EL OULFA GH 31 IMM 2 APPT 9 ETG 1 DIOR EL MENZEH CASA Casablanca 20190 MAEmail
automora.dev@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
