Website Visual Inspector

Skill ini membuat Claude bisa melihat sebuah website seperti manusia (lewat screenshot) dan membaca background-nya secara presisi (lewat computed CSS), lalu menggabungkan keduanya.

Persiapan (sekali saja)

pip install playwright        # tambahkan --break-system-packages jika perlu
python -m playwright install chromium

Alur kerja

1. Jalankan inspeksi

   python3 scripts/inspect_site.py <URL> --out site-inspect
   

   Opsi: --dark (render mode gelap), --no-mobile, --no-download, --wait 3000 (situs dengan animasi berat). URL bisa juga file lokal (./index.html) atau dev server (http://localhost:3000).