PicassoWeb

Website replication, with evidence.

Take the web apart.
Put it back exactly.

PicassoWeb captures the system beneath the surface, then verifies the replica pixel by pixel.

Install Read the docs
Transparent glass layers separating typography, color, imagery, layout, and motion from a rendered page
A rendered page, separated into its working visual system.

A screenshot records the surface. PicassoWeb finds the decisions underneath it.

Computed styles, real assets, responsive structure, interactions, and motion become evidence an AI client can use.

See what it captures

Inside the rendered page

The browser is the source of truth.

PicassoWeb reads what actually reached the screen, including the parts source inspection misses.

A close view of physical interface layers
Computed, not guessed. Usage-ranked tokens from the rendered interface.

One load. Complete evidence.

The replication kit keeps the page, its materials, and the instructions together in one portable capture.

Read the quick start

create_replication_kit

  • design.jsontokens and components
  • layout.jsondesktop and mobile trees
  • animations.jsonmotion inventory
  • assets/original material and manifest
  • REPLICATE.mdone-shot build guidance
Two aligned print compositions inspected beneath optical glass to reveal a small cobalt difference
Comparison is part of the workflow, not a final glance.

Know where the replica is wrong.

PicassoWeb attributes the worst visual differences to elements and their style deltas, so iteration has a target.

Noise-aware YIQ diff Section-aligned scoring Element attribution

Use the whole instrument.

Start broad, inspect precisely, then close the visual gap.

analyze_site

Recover the rendered design system.

inspect_component

X-ray one element and every interaction state.

capture_motion

Record JS-driven movement over time.

clone_section

Package a reusable section with its real assets.

compare_replica

Measure the remaining visual difference.

Node.js 20 or newer

Give your AI client better eyes.

No clone and no build. Add PicassoWeb to your MCP configuration and run it with npx.

MCP configuration 
{
  "mcpServers": {
    "picassoweb": {
      "command": "npx",
      "args": ["-y", "picassoweb"]
    }
  }
}