<style> #promo-boot { display: none; } body:has(#promo-boot) { overflow: auto; } </style>
Promo
Try Reconstruct

A platform for interface context

Understand from every angle.

Reconstruct provides screenshots, video, and structured context of products and their applications across platforms. Explore them on the platform, through an agent via MCP, or with the API.

Try Reconstruct How it works
app.example.com / settings
ACCOUNT / SETTINGS
Reconstruct / capture saved
page/settings
viewportsdesktop · mobile
elementsgeometry + styles
statesscreens + scenarios

THE PRODUCT

One source. Three ways to use it.

One catalog connects visual exploration with agents and developer tools.

01 / PLATFORM

Explore on the platform

Browse captured screens and video across pages, versions, and flow steps.

02 / MCP

Give agents context

Give an agent page structure, element measurements, and saved screens through MCP.

03 / API

Build with the API

Bring structured product and interface context into your own tools and workflows.

MCP BENCHMARK RESULTS

Less time. Fewer tokens.

01 / TOKEN SAVINGS90.3%

Fewer total tokens

More context. Less token spend.

02 / WORKFLOW SAVINGS
Time saved90.4%
Cost saved89.0%
Fewer model calls66.7%

Faster reconstruction. Lower cost.

Observed benchmark savings. Results vary by task.

HOW IT WORKS

Find it. Or request it.

Start with a product from the catalog. If it is missing, request its addition.

  1. 01

    Find a product

    Browse the captured catalog.

  2. 02

    Request what is missing

    Submit a request; operators will add the product to the catalog.

  3. 03

    Choose how to work

    Platform, MCP, or API.

FOR AI AGENTS

Give agents the real picture.

Through MCP, agents inspect pages, elements, and flows, then check their work against saved desktop and mobile screens.

Reconstruct skills provide ready-to-use workflows for inspection, design, implementation, and verification. Install the skills your task needs and connect MCP for captured product context. Explore skills or follow the agent connection guides.

Start with an agent
capture / product / versionMCP

product / version pages

01/dashboarddesktop · mobile
02/settingsdesktop · mobile
03/billingdesktop · mobile
saved capture · illustrative structure

START WITH AN AGENT

Give your agent a place to look.

Connect Reconstruct MCP in your coding agent, then start with a prompt. Your agent can inspect captured products while you stay in your editor.

01

Connect the MCP server

Add this URL in your agent's MCP settings when access is enabled. Follow the connection guide for your agent. 

https://reconstruct.dev/mcp
02

Install Reconstruct skills

Run this command in your project and choose the workflows you need. See the skills guide. 

npx skills add https://reconstruct.dev
03

Pick a captured product

Open the Reconstruct platform to choose a product, then ask the agent to find its captured version and page.

04

Paste a prompt

Use a starting point below and replace the bracketed details.

Reconstruct MCP requires access to the captured catalog.

agent promptMCP

Understand a product 

Use the installed reconstruct-inspect skill with Reconstruct MCP to explore [product]. Pin an available captured version, environment, page, and view; do not guess missing identifiers. Show me the available pages, flows, screenshots, and video. Summarize what is captured and point out any gaps before suggesting an implementation.
Replace bracketed details before sending

GET STARTED

One interface. Many possibilities.

Explore captured products or find the level of access that fits your workflow.

Try Reconstruct View pricing