Manuscript – Ekstensi browser untuk membuat demo web dan manual yang tidak rusak meski halaman berubah

Ini adalah ekstensi browser untuk membuat demo langkah demi langkah, manual, dan panduan onboarding langsung di atas halaman web (Chrome·Edge). Klik elemen yang ingin disorot untuk menambahkan spotlight, catatan, dan panah gambar tangan, lalu putar ulang.

Saat membuatnya, kami berfokus pada dua hal. Alat yang sudah ada biasanya membuat panduan rusak hanya karena halaman sedikit berubah, dan hasilnya terkurung di cloud sehingga sulit dikelola versinya. Kami ingin menyelesaikan dua masalah ini dengan cara berbeda.

Perbedaannya

• Tidak mudah rusak. Elemen di setiap langkah diingat dalam 3 lapisan — atribut stabil (data-testid·id·aria-label) → teks·struktur sekitar → koordinat·teks di dekatnya. Jika satu lapisan meleset, akan fallback ke lapisan berikutnya.
• Hasilnya berupa satu file JSON. Bisa di-commit ke git, meninjau diff lewat PR, dan dikelola di samping kode. Tanpa lock-in cloud.
• Tidak menyentuh kode situs target. Ekstensi bekerja hanya di dalam browser, jadi bisa dibuat di produk sendiri, situs klien, maupun SaaS eksternal.

Tersedia juga panduan suara (TTS), jendela presenter, perekaman layar, dan fitur berbagi skenario melalui repo GitHub.

• Store: https://chromewebstore.google.com/detail/manuscript/…
• Pengenalan: https://zendy00.github.io/manuscript-pages/