Introduction
dittu docs
dittu turns any website into an editable Next.js or Astro project and proves the result with pixel diffs. Use it from the terminal, or let your coding agent drive it through the MCP server.
Quick start
Check your machine, then register dittu with your agents:
$
npx @manishtamang/dittu doctor$
npx @manishtamang/dittu setupGetting started
Concepts
- Architecturedittu is a deterministic pipeline: capture → transform → export → verify.
- FidelityFor each target (preview, built Next.js, built Astro), route and width, original and clone are screenshotted with the same procedure and compared with pixelmatch (threshold 0.1, anti-aliasing ignored).
- Tailwind output--styling tailwind writes styles as Tailwind CSS v4 utility classes wherever that renders exactly like the original, and keeps the rest as CSS.