# PicassoWeb MCP

> PicassoWeb turns a rendered website into structured evidence an AI client can use to reproduce it faithfully.

PicassoWeb runs the target page in Chromium and captures the system behind the surface: computed design tokens, layout, responsive behavior, real assets, interaction states, motion, screenshots, and pixel-level comparison data.

## Start here

- [Documentation](guide/index.md): Understand the product and choose the right workflow.
- [Quick start](guide/quickstart.md): Connect PicassoWeb to an MCP client with `npx`.
- [Tool reference](guide/tools.md): See every MCP tool and when to use it.
- [Replication workflows](guide/workflows.md): Move from capture to verified replica.
- [Security and limitations](guide/security.md): Understand network safeguards, local targets, and practical boundaries.

## Fastest path

Add PicassoWeb to your MCP client configuration:

```json
{
  "mcpServers": {
    "picassoweb": {
      "command": "npx",
      "args": ["-y", "picassoweb"]
    }
  }
}
```

Then ask the client to run `create_replication_kit` against a page you are authorized to inspect. It writes the screenshots, assets, design tokens, layout trees, motion inventory, and `REPLICATE.md` guide into one local directory.

## Links

- [GitHub repository](https://github.com/blackridder22/PicassoWeb)
- [npm package](https://www.npmjs.com/package/picassoweb)
- [LLM documentation index](llms.txt)