Contoh prompt

Gunakan prompt ini dengan agen MCP terhubung 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

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

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

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

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

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

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 untuk parameter, persyaratan akses, dan batas penggunaan.

Tinjau status interaksi

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

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 <product-key> memakai platform/lingkungan permintaan terpilih. Gunakan URL sumber produk yang ada. Simpan ID permintaan dan pantau; jangan buat permintaan lain setelah waktu tunggu habis.