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

Platform untuk konteks antarmuka

Pahami dari setiap sudut.

Reconstruct menyediakan tangkapan layar, video, dan konteks terstruktur produk serta aplikasinya di berbagai platform. Jelajahi di platform, melalui agen dengan MCP, atau menggunakan API.

app.example.com / settings
AKUN / PENGATURAN
Reconstruct / capture tersimpan
halaman/settings
area pandangdesktop · seluler
elemengeometri + gaya
statuslayar + skenario

PRODUK

Satu sumber. Tiga cara menggunakannya.

Satu katalog menghubungkan penjelajahan visual dengan agen dan alat pengembang.

01 / PLATFORM

Jelajahi di platform

Jelajahi layar dan video yang ditangkap pada berbagai halaman, versi, dan langkah alur.

02 / MCP

Berikan konteks kepada agen

Berikan struktur halaman, ukuran elemen, dan layar tersimpan kepada agen melalui MCP.

03 / API

Bangun dengan API

Bawa konteks produk dan antarmuka terstruktur ke alat dan alur kerja Anda.

HASIL PENGUJIAN MCP

Lebih sedikit waktu. Lebih sedikit token.

01 / PENGHEMATAN TOKEN90.3%

Total token lebih sedikit

Lebih banyak konteks. Lebih sedikit token.

02 / PENGHEMATAN ALUR KERJA
Waktu dihemat90.4%
Biaya dihemat89.0%
Lebih sedikit panggilan model66.7%

Rekonstruksi lebih cepat. Biaya lebih rendah.

Penghematan yang teramati dalam pengujian. Hasil bervariasi menurut tugas.

CARA KERJA

Temukan. Atau ajukan permintaan.

Mulai dengan produk dari katalog. Jika belum tersedia, ajukan permintaan penambahan.

  1. 01

    Cari produk

    Jelajahi katalog hasil tangkapan.

  2. 02

    Minta yang belum tersedia

    Kirim permintaan; operator akan menambahkan produk ke katalog.

  3. 03

    Pilih cara bekerja

    Platform, MCP, atau API.

UNTUK AGEN AI

Berikan kepada agen gambaran sebenarnya.

Melalui MCP, agen memeriksa halaman, elemen, dan alur, lalu membandingkan hasilnya dengan layar desktop dan seluler yang tersimpan.

Keterampilan Reconstruct menyediakan alur kerja siap pakai untuk inspeksi, desain, implementasi, dan verifikasi. Instal keterampilan yang diperlukan dan hubungkan MCP untuk konteks produk yang ditangkap. Jelajahi keterampilan atau ikuti panduan koneksi agen.

Mulai dengan agen
capture / product / versionMCP

product / version pages

01/dashboarddesktop · seluler
02/settingsdesktop · seluler
03/billingdesktop · seluler
tangkapan tersimpan · ilustrasi struktur

Mulai dengan agen

Berikan kepada agen Anda tempat untuk menjelajah.

Hubungkan Reconstruct MCP di agen pemrograman Anda, lalu mulai dengan prompt. Agen dapat memeriksa produk yang ditangkap sementara Anda tetap di editor.

01

Hubungkan server MCP

Tambahkan URL ini di pengaturan MCP agen ketika akses diaktifkan. Ikuti panduan koneksi untuk agen Anda.

https://reconstruct.dev/mcp
02

Instal keterampilan Reconstruct

Jalankan perintah ini di proyek Anda dan pilih alur kerja yang dibutuhkan. Lihat panduan keterampilan.

npx skills add https://reconstruct.dev
03

Pilih produk yang ditangkap

Buka Reconstruct platform untuk memilih produk, lalu minta agen menemukan versi dan halaman yang ditangkap.

04

Tempel prompt

Gunakan contoh di bawah sebagai titik awal dan ganti bagian dalam kurung siku.

Reconstruct MCP memerlukan akses ke katalog hasil tangkapan.

prompt agenMCP

Pahami produk

Gunakan keterampilan reconstruct-inspect yang terinstal bersama Reconstruct MCP untuk menjelajahi [product]. Tetapkan versi tangkapan, lingkungan, halaman, dan tampilan yang tersedia; jangan menebak pengenal yang hilang. Tunjukkan halaman, alur, tangkapan layar, dan video yang tersedia. Ringkas apa yang ditangkap dan jelaskan kekurangannya sebelum menyarankan implementasi.
Ganti bagian dalam kurung siku sebelum mengirim

MULAI

Satu antarmuka. Banyak kemungkinan.

Jelajahi produk yang ditangkap atau temukan tingkat akses yang sesuai dengan alur kerja Anda.