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

インターフェースコンテキストのプラットフォーム

をあらゆる角度から理解する。

Reconstructは、さまざまなプラットフォームの製品とアプリケーションのスクリーンショット、動画、構造化コンテキストを提供します。プラットフォーム上で、MCP経由のエージェントで、またはAPIで探索できます。

app.example.com / settings
アカウント / 設定
Reconstruct / capture 保存済み
ページ/settings
ビューポートデスクトップ · モバイル
要素ジオメトリ + スタイル
状態画面 + シナリオ

製品

ひとつのソース。 3 つの使い方。

ひとつのカタログで、視覚的な探索をエージェントや開発ツールにつなぎます。

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] を調べてください。利用できるキャプチャのバージョン、環境、ページ、ビューを固定し、不明な識別子を推測しないでください。利用可能なページ、フロー、スクリーンショット、動画を見せてください。実装を提案する前に、キャプチャ内容を要約し、不足している情報を示してください。
送信する前に角括弧内の内容を置き換えてください

はじめる

ひとつのインターフェース。 広がる可能性。

キャプチャした製品を探索し、ワークフローに合ったアクセスレベルを見つけてください。