# Contoh prompt {/* #prompt-examples */} Gunakan prompt ini dengan [agen MCP terhubung](/docs/id/connect-ai-agents) mana pun. Ganti nilai dalam kurung siku dengan pengenal produk, versi, dan halaman tangkapan. Pilih ID jenis platform dan lingkungan dari `list_platforms.options.platforms[]`, yang mencakup lingkungan browser dan native. Gunakan ID yang dikembalikan, jangan menganggap desktop/mobile sebagai daftar lengkap. Hanya gunakan pasangan tangkapan dari `list_platforms.platforms[]` untuk rekonstruksi; opsi didukung tidak berarti data tersimpan. ## Temukan produk dan versi {/* #find-a-product-and-version */} > Gunakan MCP Reconstruct untuk mencantumkan produk. Untuk `[product]`, daftar pasangan platform/lingkungan tangkapan, lalu versi untuk platform `desktop` dan lingkungan `web`. Pilih satu versi dan ringkas halaman serta artefaknya. Jangan gabungkan versi atau lingkungan. Jalur yang diharapkan: `list_products` → `list_platforms` → `list_versions(platform="desktop", environment="web")` → `get_platform_summary(platform="desktop", environment="web")` → `list_pages`. `list_pages.views[]` memberi kunci profil tersimpan persis. Pilih salah satunya untuk `view`; dapat berupa `desktop`, `mobile`, profil bernomor, atau label perangkat. ## Bangun ulang halaman dari tangkapan {/* #rebuild-a-page-from-a-capture */} > Baca `reconstruct-build` melalui `get_skill`. Periksa `[product]`, versi `[version]`, lingkungan `[environment]`, halaman `[page]`. Temukan profil melalui `list_pages`. Sebelum geometri, baca `get_page_summary.intent`, `list_flows` dan `get_flow` yang relevan. Ambil `get_interface_scene` untuk setiap tampilan yang diperlukan dan proses artefak dengan kode sambil memverifikasi hash. Bangun antarmuka semantik responsif dengan aset arsip, keadaan dan gerakan terukur. Pertahankan asal observed/inferred/operator; laporkan celah dan hipotesis. Verifikasi lebar tangkapan dan perantara, keadaan serta alur. Scene mengembalikan referensi artefak. Pada HTTP jalur milik server: unduh URI dengan otorisasi MCP dan verifikasi hash. Untuk snapshot diagnostik jendela tetap yang diminta secara eksplisit, gunakan `get_reconstruction_bundle` per fragmen hingga dua tinggi jendela; pertahankan nama dan periksa `starterLimitations`, `captureTruncated`, `selectionComplete`. Starter tidak membuktikan perilaku responsif. ## Buat ulang satu komponen {/* #recreate-one-component */} > Untuk `[product]`, versi `[version]`, lingkungan `[environment]`, halaman `[page]`, tampilan tersimpan `[view]`, temukan `[component]` memakai `get_page_outline`. Baca satu `get_section_bundle` untuk wilayah induknya, atau batch wilayah terpilih dengan `get_page_bundles`. Gunakan teks pratinjau dahulu. Minta teks lengkap atau lapisan komponen individual hanya jika bundel tidak cukup. Dapatkan media dengan `get_element_asset` dan font melalui `get_fonts` beserta `get_capture_asset`. Implementasikan komponen dan jelaskan perilaku mana yang disimpulkan. Batas komponen bersifat heuristik. Daun kerangka bersarang adalah petunjuk struktur; hindari meminta satu bundel per daun. Alat gambar menyediakan pemeriksaan visual akhir opsional, sedangkan IR terstruktur menyediakan bukti konten dan tata letak. ## Audit navigasi dan alur {/* #audit-navigation-and-flows */} > Untuk `[product]`, versi `[version]`, lingkungan `[environment]`, halaman/tampilan `[page]`/`[view]`, baca `get_page_summary.intent`, `list_flows`, `get_flow(flowId=...)`. Periksa tugas, langkah, bukti dan celah. Pisahkan hasil harapan dari hasil teramati. Bandingkan dengan `get_page_transitions`, manifes skenario, langkah rekaman dan replay pada lingkungan sama. Laporkan semantik hilang/kedaluwarsa; tautan yang ditemukan tidak membuktikan tindakan atau hasil rekaman. ## Bandingkan desktop dan mobile {/* #compare-desktop-and-mobile */} > Untuk `[product]`, versi `[version]`, lingkungan `web`, daftar profil tersimpan untuk `[page]`. Bandingkan satu profil desktop dan satu mobile memakai ringkasan, IR, dan geometri terukur. Identifikasi perubahan tata letak, konten berpindah atau hilang, dan keterbatasan tangkapan. Gunakan gambar hanya untuk verifikasi visual opsional; jangan simpulkan tangkapan mobile yang hilang dari data desktop. Untuk perbandingan native, pilih pasangan tangkapan eksplisit, misalnya `desktop/macos` dan `mobile/ios`, serta pisahkan bukti tiap lingkungan. ## Inventaris aset desain {/* #inventory-design-assets */} > Untuk `[product]`, versi `[version]`, platform `[desktop-or-mobile]`, lingkungan `[environment]`, periksa `get_technology_stack`, `get_fonts`, `get_themes`, `list_product_assets`, dan `list_archived_assets`. Utamakan berkas asli tangkapan melalui `get_capture_asset`; pakai URL asal hanya saat byte tersimpan tidak tersedia. Identifikasi font, tema, media, dan teknologi terdeteksi. Ungkapkan sumber daya pengganti dan detail kode sumber yang tidak pasti. Secara default, tangkapan menyimpan maksimal **2.500 elemen terlihat** per halaman; batas diatur per tugas tangkapan. Status hover/focus/active, konten terungkap oleh hover dan klik, skema warna alternatif, dan bingkai terbaca direkam sebagai bukti halaman jika halaman memungkinkan, tetapi perilaku dinamis lain mungkin tidak ada atau sebagian. Perayapan default memakai locale awal; `captureAllLocales=true` dapat menyertakan rute terjemahan. Laporkan `truncated` aktual dan metadata batas tangkapan, jangan menganggap cakupan penuh. Lihat [katalog alat](/docs/id/mcp-tools) untuk parameter, persyaratan akses, dan batas penggunaan. ## Tinjau status interaksi {/* #review-interaction-states */} > Untuk `[product]`, versi `[version]`, halaman `[page]`, tampilan `[view]`, baca `evidence` dari `get_page_summary`. Daftar komponen interaktif beserta status terukur, pengungkapan hover/klik, dan perbedaan tema alternatif. Buka screenshot yang dirujuk dengan `get_page_evidence_image` hanya jika status perlu pemeriksaan visual, lalu laporkan status yang tidak ditangkap. ## Ajukan dan pantau permintaan produk {/* #submit-and-monitor-a-product-request */} > Dapatkan opsi permintaan yang tersedia dan ajukan permintaan add untuk https://example.com/ > dengan desktop/web jika pasangan itu tersedia. Simpan ID permintaan yang dikembalikan, periksa > statusnya, lalu tunggu perubahan memakai wait_product_request. Lanjutkan hingga > disetujui atau ditolak; laporkan keputusan permintaan. Persetujuan tidak menunjukkan > bahwa versi tangkapan baru sudah diterbitkan. > Ajukan permintaan update untuk produk `` memakai > platform/lingkungan permintaan terpilih. Gunakan URL sumber produk yang ada. Simpan > ID permintaan dan pantau; jangan buat permintaan lain setelah waktu tunggu habis.