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

界面上下文平台

从各个角度了解 。

Reconstruct 提供跨平台产品及其应用的屏幕截图、视频和结构化上下文。您可以在平台上、通过使用 MCP 的智能体或使用 API 进行探索。

app.example.com / settings
账户 / 设置
Reconstruct / capture 已保存
页面/settings
视口桌面端 · 移动端
元素几何布局 + 样式
状态屏幕 + 场景

产品

一个来源。 三种使用方式。

一个目录,将可视化探索与智能体和开发工具连接起来。

01 / 平台

在平台上探索

浏览不同页面、版本和流程步骤的采集屏幕和视频。

02 / MCP

为智能体提供上下文

通过 MCP 向智能体提供页面结构、元素尺寸和保存的屏幕。

03 / API

使用 API 开发

将结构化的产品和界面上下文引入您自己的工具和工作流。

MCP 基准测试结果

更少时间。 更少令牌。

01 / 令牌节省90.3%

更少的总令牌数

更多上下文,更少令牌开销。

02 / 工作流节省
节省时间90.4%
节省成本89.0%
更少的模型调用66.7%

更快还原,更低成本。

基准测试中观察到的节省效果。结果因任务而异。

工作原理

找到它。 或提交请求。

从目录中的产品开始。如果没有所需产品,请提交添加请求。

  1. 01

    查找产品

    浏览采集目录。

  2. 02

    请求缺少的内容

    提交请求,运营人员会将产品添加到目录中。

  3. 03

    选择工作方式

    平台、MCP 或 API。

面向 AI 智能体

为智能体提供 真实全貌。

通过 MCP,智能体检查页面、元素和流程,再将结果与保存的桌面和移动端屏幕进行对比。

Reconstruct 技能提供可直接使用的检查、设计、实现和验证工作流。安装任务所需的技能,并连接 MCP 以获取采集的产品上下文。 探索技能 或参阅 智能体连接指南.

从智能体开始
capture / product / versionMCP

product / version pages

01/dashboard桌面端 · 移动端
02/settings桌面端 · 移动端
03/billing桌面端 · 移动端
已保存的采集 · 示意结构

从智能体开始

为您的智能体提供 探索的起点。

在编程智能体中连接 Reconstruct MCP,然后从一条提示词开始。智能体可以检查采集的产品,而您无需离开编辑器。

01

连接 MCP 服务器

启用访问权限后,将此 URL 添加到智能体的 MCP 设置中。请参阅 适用于您的智能体的连接指南.

https://reconstruct.dev/mcp
02

安装 Reconstruct 技能

在项目中运行此命令,并选择所需的工作流。请参阅 技能指南.

npx skills add https://reconstruct.dev
03

选择已采集的产品

打开 Reconstruct platform 选择产品,然后让智能体查找其采集的版本和页面。

04

粘贴提示词

使用下方示例作为起点,并替换方括号中的内容。

Reconstruct MCP 需要已采集目录的访问权限。

智能体提示词MCP

了解产品

使用已安装的 reconstruct-inspect 技能,通过 Reconstruct MCP 探索 [product]。固定一个可用的采集版本、环境、页面和视图;不要猜测缺失的标识符。向我展示可用的页面、流程、截图和视频。在建议实现方案前,先总结已采集的内容,并指出缺漏。
发送前请替换方括号中的内容

开始使用

一个界面。 多种可能。

探索已采集的产品,或选择适合您工作流的访问级别。