Implementasi modern
9 tahap industri, dikerjakan pakai AI
Urutan tetap seperti agency besar. Yang berubah: tool + cara (lo operator, AI manufacturing).
Inti
Buka
Industri vs modern (ringkas)
| Dulu / formal | Sekarang (AI) |
|---|---|
| Brief meeting | Chat Hermes → BRIEF.md |
| Moodboard manual | Open Design / s2c / scrape ref |
| Figma full dulu | Tokens + 1 arah, baru kode |
| Dev tim besar | 1 coding agent + Hermes deploy |
| IT deploy lama | CF Pages / Vercel menit |
Aturan emas
- Spec lock dulu (01–05) baru generate besar
- 1 tool desain + 1 tool bangun per project
- R1/R2 = saran resep, stack lo boleh beda
- 1 site live dulu, baru pikir sistem agency
9 tahap + AI
Nama industri kiri · kerja modern kanan. Tap salin template di tahap yang butuh.
01 · Discovery
Rencana / BRIEF
02 · Research
Ref & kompetitor
03 · IA / Wire
Kerangka section
04 · Design system
Tokens + 1 arah visual
05 · Content
Teks & data real
06 · Build
Development ber-AI
07 · QA
Cek sebelum live
08 · Launch
Deploy online
09 · Handover
Serah / case study
Stack & toolkit
Married stack
Per tahap → tool modern
| Tahap | Toolkit tipikal |
|---|---|
| 01–03 Spec | Hermes, notes, Excalidraw |
| 02 Ref | Browser, Firecrawl, s2c input |
| 04 Design | Open Design · s2c · Fable · Dyad |
| 05 Content | Hermes + AI Editor Style |
| 06 Build | OpenCode+9R · Cursor · Cline · Hermes |
| 07 QA | HP + Hermes audit + Lighthouse |
| 08 Live | CF Pages · Vercel · GitHub |
Kode default
- Cepat: 1 file HTML + Tailwind CDN + Phosphor → CF Pages
- Solid: Next/Astro + Tailwind → Vercel/CF
- Wow: + Motion; GSAP max 1 pola
Resep (R) = opsional
R1 · Hemat default
R2 · Ada ref kuat
Custom · stack lo
Kalau situasinya…
| Situasi | Arah |
|---|---|
| Cuma brief teks | Open Design / explore |
| Screenshot bagus | s2c dulu |
| Mau hemat bulk | OpenCode + 9R free |
| Multi-file macet | Cursor / Cline |
| Deploy bingung | Hermes di chat TB3 |
Latihan 1 site
Jalankan 01→09 sekali. Contoh sudah ada: Zoneout (live).
Pilih project fiktif
- Barbershop DPS — CTA WA
- Kafe kopi — CTA menu + WA
- VR park rebrand — mirip Zoneout
Ceklis 01–09