Project: AI Code Builder

Screenshot Image → Drop → AI → Result Code

Disusun oleh: Head of Research
Versi: Master Doc 3.0 (Lab Research Edition — with Cycles, RACI, Risk Register)
Status: Draft — untuk review Engineering & Product sebelum sprint planning

Overview

Project AI Code Builder adalah platform yang mengubah desain visual (screenshot UI) menjadi kode siap pakai secara otomatis menggunakan AI.

• Input: Screenshot / image UI (drag & drop)
• Proses: AI menganalisis image → mendeteksi feature/komponen → generate code
• Output: Source code (bukan cuma preview, tapi file/kode yang bisa langsung dipakai)

Feature pertama yang jadi fokus riset: Auth (Login, Register, dsb)
UI pendukung pertama: Login page, Dashboard
Sub-project: Backend, Mobile, Frontend (masing-masing dikerjakan dalam siklus riset bertahap)

Daftar Isi

Foundational

1. [Research Methodology & Cycle Framework](Research Methodology & Cycle Framework) — kerangka DHEMI, definisi cycle, ritual lab
2. [Arsitektur & Alur Pipeline](Arsitektur & Alur Pipeline) — diagram alur end-to-end
3. [Pembagian 3 Sub-Project](Pembagian 3 Sub-Project) — struktur Backend/Mobile/Frontend
4. [Roles & RACI](Roles & RACI) — siapa负责 apa
5. [Legenda Prioritas, Estimasi & Cycle](Legenda Prioritas, Estimasi & Cycle) — P0/P1/P2, S/M/L, Cycle 0–4

Breakdown (Epic → Chapter → Task)

6. Backend → [Code Builder → Backend Breakdown](Code Builder → Backend)
7. Mobile → [Code Builder → Mobile Breakdown](Code Builder → Mobile)
8. Frontend → [Code Builder → Frontend Breakdown](Code Builder → Frontend)

Output & Quality

9. [Output Spec — Format Code Hasil Generate](Output Spec — Format Code Hasil Generate)
10. [Success Metrics](Success Metrics)
11. [Minimum Score / Threshold](Minimum Score / Threshold)

Risk & Process

12. [Risk Register](Risk Register)
13. [Experiment Log Template](Experiment Log Template)
14. [Acuan Data & Benchmark Referensi](Acuan Data & Benchmark Referensi)
15. [Roadmap per Cycle](Roadmap per Cycle)

Reports (per Cycle & per Bulan)

16. [Reports Index](Reports — AI Code Builder) — weekly & monthly report
17. [Weekly Report Template](Weekly Report Template)
18. [Monthly Report Template](Monthly Report Template)

Project Structure (folder dokumen)

ai-code-builder/
├── index.md                  ← (dokumen ini — project README)
├── methodology/              ← Section 2
├── architecture/             ← Section 3
├── subprojects/              ← Section 4
├── raci/                     ← Section 5
├── legenda/                  ← Section 6
├── breakdown-backend/        ← Section 7A
├── breakdown-mobile/         ← Section 7B
├── breakdown-frontend/       ← Section 7C
├── output-spec/              ← Section 8
├── metrics/                  ← Section 9
├── thresholds/               ← Section 10
├── risks/                    ← Section 11
├── experiment-log/           ← Section 12
├── references/               ← Section 13
├── roadmap/                  ← Section 14
└── reports/                  ← Laporan berkala
    ├── index.md              (overview & daftar report)
    ├── _template-weekly.md
    ├── _template-monthly.md
    ├── weekly/
    │   ├── 2026-cycle-0-w1.md
    │   └── ...
    └── monthly/
        ├── 2026-07.md
        └── ...

Related Projects

• [AI PM Tooling](AI PM Tooling) — riset AI tooling paralel; share learnings tentang prompt engineering & data-handling policy.
• [Research Lab index](Research Lab) — entry point digital garden

Dokumen ini adalah master documentation untuk Project AI Code Builder, disusun dengan pendekatan lab research (Cycle, Hipotesis, Exit Criteria, Experiment Log) mencakup 3 sub-project (Backend, Mobile, Frontend). Perlu direview bersama tim Engineering, Product, dan Research sebelum masuk sprint/cycle planning resmi.