HarKro753/claude-copy

README preview

![Original, clone, and measured diff of Doppler's Team page](./assets/header.png)

> Rebuild any interface — then prove the rebuild is right, one pixel at a time.

Every tool in this category claims pixel-perfect. `clone` is the one that checks.

A Chrome extension captures a live site's screenshot, DOM, and computed styles. A Claude Code plugin rebuilds the page from that capture, renders its own output back into headless Chromium, and diffs it against the original screenshot. Every region gets a score. Nothing is finished until every score clears its floor.

**[See the measurements →](https://www.officeos.co/clone)** · **[Read a teardown →](https://www.officeos.co/teardowns)**

## 📊 Six products, graded

Each row is a live production page, rebuilt from scratch and diffed against its own reference at the same size and device pixel ratio. `exact` is the share of pixels identical to the original on all three channels, with no tolerance whatsoever.

| Capture | Frame | Pixels exact | Within 8/255 | Mean Δ | |
|---|---|---|---|---|---|
| **Doppler** — Team settings | 1920×937 | **97.69%** | 98.05% | 1.27 | [Teardown](https://www.officeos.co/blog/doppler-team-settings) |
| **Tailscale** — Access rules | 1534×921 | **97.58%** | 98.80% | 0.65 | |
| **Cal.com** — Bookings | 1921×937 | **94.67%** | 97.88% | 1.41 | |
| **Stripe** — Dashboard | 1920×929 | **94.45%** | 94.86% | 1.70 | |

View full repository on GitHub →