Project Monitor — Product SID

Sebelum Mulai Build

Siapa yang pakai ini?

Nama konkret, bukan "tim". Tidak ada jawaban → jangan build dulu.

Apa yang berubah kalau ini tidak ada?

"Tidak terlalu banyak" → pertimbangkan ulang prioritas.

Definisi "selesai" sudah jelas?

Bukan "bisa jalan" — list fitur spesifik yang harus ada.

Siapa yang maintain kalau tidak tersedia?

Tidak ada jawaban → scope lebih kecil atau pilih tools simpler.

Slug + kode sudah ditentukan

slug: lowercase-kebab (max 3 kata). Kode: 3–4 HURUF KAPITAL. Untuk referensi lintas sesi.

Domain sudah dipilih

Tim/klien → product-sid.us. Personal/ican → tumbuh.us. Tidak ada domain lain.

Saat Build

Git dari commit pertama

git init + .gitignore + commit awal sebelum build apapun. Commit bermakna, minimal 1 per milestone.

Secrets di .env + ada .env.example

API key, password, token → selalu di .env yang di-gitignore. Tidak pernah hardcode.

Think before coding — surface asumsi dulu

Kalau ambigu → tanya dulu. Jangan pilih interpretasi secara diam-diam. Definisikan kriteria sukses yang bisa diverifikasi.

Surgical changes — sentuh hanya yang perlu

Tidak ada "improve" kode sekitar. Tidak ada fitur spekulatif atau abstraksi prematur.

Pakai Agent untuk task kompleks

Invoke "Pakai Agent" → Explore → Build paralel (Infra + Backend + Frontend) → QA. Bukan linear solo.

Input user divalidasi sebelum diproses

Jangan langsung jalankan input dari user tanpa sanitasi. Validasi di system boundary.

Design & UI

Design via /impeccable + PRODUCT.md

Semua project dengan UI wajib invoke /impeccable. PRODUCT.md harus sudah diisi sebelum design.

Light mode always — tidak ada dark mode

Tidak ada dark background sebagai default, kecuali ada permintaan eksplisit.

Miro-like: compact, clean SaaS

Bukan editorial. Tidak ada mono-CAPS, hero raksasa, nested cards, atau font lebih dari 2 family.

PWA: manifest + Service Worker

Wajib untuk semua web app / HTML tool. manifest.webmanifest + sw.js.

Logo SVG relevan (bukan placeholder)

Metafora visual cocok dengan konteks project. viewBox 0 0 512 512, warna brand #4f46e5. Di public/logo.svg.

OG image + favicon + apple-touch-icon

og:title, og:description, og:image (1200×630px), favicon SVG 32px, apple-touch-icon 180px. Preview proper di Telegram/WA.

Cache reset mechanism ada

Static/PWA: SW skipWaiting + tombol update. Flask/Node: route /reset. Vite: hash build. Hard refresh sering tidak cukup.

Dokumentasi

README.md dibuat

Apa ini, cara jalankan dev, cara deploy (bisa dijalankan Claude via SSH), struktur folder, environment.

CHANGELOG.md diupdate tiap milestone

Format: ## YYYY-MM-DD — [milestone]. Bukan rekap harian, tapi perubahan signifikan.

PRODUCT.md ada (brief untuk /impeccable)

Deskripsi, design philosophy, brand colors, UI patterns. Dibaca /impeccable — tidak perlu brief ulang tiap sesi.

Deploy & Tracking

Deploy autonomous via SSH — tidak ada langkah manual

Claude handle semua langkah VPS/Caddy/Docker. Tidak ada instruksi "lakukan sendiri" ke user.

Verifikasi live: curl → harus 200

curl -s -o /dev/null -w '%{http_code}' https://[domain]. Debug Caddy log kalau tidak 200.

Masuk monitoring dashboard

Update projects.json di VPS: id, name, code, status, tier, created_at, last_check, todos, checklist.

Masuk Project Hub (project.product-sid.us)

Tambah entry ke array PROJECTS di index.html: cat, emoji, name, status, url, desc, tags.

Log ke Dock setiap milestone

~/bin/nyerat-push otomatis tanpa konfirmasi. Domain, stack, slug, kode, definisi selesai.

Ada cara tahu kalau app rusak

Minimal: health-check manual mudah. Ideal: /health-check agent terjadwal atau alert ke TeleClaude.

Untuk Project Orang Lain

Scope tertulis dan disepakati

Apa yang masuk, apa yang tidak. Tulis bersama, bukan asumsi sepihak.

Builder vs maintainer sudah jelas

Dua peran berbeda. Sepakati di awal — jangan asumsi builder otomatis jadi maintainer.

Transparan soal AI-assisted