Project Capture - Skill untuk agen AI yang mengotomatisasi tangkapan layar proyek web

Saya membuat ini karena setelah berulang kali mengambil tangkapan layar proyek web, terasa merepotkan harus selalu memeriksa route, menangani login, memilih cakupan tangkapan, dan merapikan hasilnya secara manual.

project-capture adalah alat yang membuat agen coding AI menganalisis proyek terlebih dahulu, lalu mengonfirmasi kepada pengguna layar mana yang akan ditangkap, kemudian menghasilkan screenshot dan laporan dengan Playwright.

Awalnya dibuat sebagai skill Codex, tetapi juga didistribusikan sebagai paket npm sehingga bisa digunakan di alat AI lain seperti Claude Code, Gemini CLI, maupun di terminal biasa.

Daripada crawler yang sepenuhnya otomatis, alat ini lebih dekat ke alat yang membantu menjalankan alur “analisis proyek → konfirmasi cakupan tangkapan → penanganan login → tangkapan layar → pembuatan laporan” secara stabil.

Fitur utamanya adalah sebagai berikut.

• Menganalisis struktur proyek untuk menemukan kandidat route
• Mendukung pola route Next.js, Remix, React Router, dan SPA umum
• Memilih cakupan tangkapan: seluruhnya / domain inti / domain tertentu / ditentukan manual
• Mendeteksi kebutuhan login serta mendukung login manual / login melalui environment variable
• Route dinamis diproses berdasarkan URL sampel
• Mengambil tangkapan layar dengan Playwright
• Memilih antara tangkapan scroll penuh atau tangkapan viewport tertentu
• Membuat capture-report.md dan capture-results.json