← Back to Blog Index

Ngoding Pakai Claude Code dan AI Blueprint: Akhirnya AI yang Nggak Ngaco

claude@dev β€” AI Blueprint $ /onboard β†’ Inspecting project... β†’ Stack: React + Vite β†’ Conventions detected βœ… β†’ BP workflow ready βœ“ $ /feature "login page" β†’ Writing spec... blueprint status $ /status ━━━━━━━━━━━━━━━━━━━━ βœ… Plans: 2/2 filled βœ… Context: loaded ⏳ Feature: login-page πŸ“ Project Plan (spec) πŸ“‹ Build Plan (6/12 done) Feature Workflow Loop feature Spec it review Approve implement Build + Verify check Done-when complete Archive + Merge docs β€” blueprint/current-feature.md Feature: Login Page Status: Implementing Criteria: - Email + password form βœ… - Client & server validation βœ… - Error handling + UX ⏳
Workflow: feature β†’ review β†’ implement β†’ check β†’ complete

Lu pernah nggak sih ngalamin ini: lu ngasih tugas ke Claude Code, β€œBikin halaman login dong.” Dua menit kemudian, lu dapet 15 file baru, routing berubah total, ada database migration yang nggak lu minta, danβ€”entah kenapaβ€”skema warnanya jadi pake palet Barbie core.

Gue udah sering banget. Masalah utamanya bukan di AI-nya, tapi di struktur nya. Claude Code itu cerdas banget, tapi kalo dikasih task open-ended tanpa framework, dia kayak developer yang terlalu semangat: lompat langsung ke kode tanpa mikir arsitektur, gampang kehilangan konteks di project gede, dan suka bikin hal-hal yang nggak diminta. AI blueprint spill bertambah >:D

Makanya gue akhirnya nyoba AI Blueprint, dan frankly? Ini game changer.


Apa Itu AI Blueprint?

AI Blueprint itu workflow overlay buat project yang udah lo scaffold. Bukan framework baru, bukan library JavaScript, dan bukan app starter. Ini lapisan yang duduk di atas stack yang udah lo pilih (React, Astro, Rails, whatever).

Dia nambahin 5 layer penting:

Layer Gunanya
Plans Nentuin apa yang lo bikin dan urutan kerjanya
Configuration Workflow policy yang konsisten buat setiap sesi AI
Context Project overview yang dikasih ke AI tiap kali start sesi
Current feature Satu fitur aktif dalam satu waktu β€” fokus, nggak kemana-mana
History Catatan keputusan dan hasil yang udah selesai

Intinya: AI Blueprint ngasih guardrails buat Claude Code. Jadi AI-nya tetap kreatif, tapi nggak keluar jalur.

Cara Pasang

Gampang banget. Tinggal jalanin satu command di dalem folder project lo:

npx create-ai-blueprint@latest

Nanti lo milih tool adapter yang mau dipake (Claude Code, Codex, GitHub Copilot, OpenCode). Centang Claude Code, dan sisanya diurus. Dia bakal bikin folder blueprint/ dengan file-file planning, state manifest, dan adapter config yang dibutuhin.

Abis itu jalanin /onboard di Claude Code. Command ini bakal inspeksi project lo: ngeliat stack, coding conventions, CI yang udah ada, dan setup workflow policy sesuai preferensi (Efficient vs Guided).

Workflow: Fitur per Fitur

Nah ini bagian yang paling gue suka. Workflow AI Blueprint tuh feature-loop based. Lo ngerjain satu fitur dalam satu siklus pendek:

/feature β†’ review β†’ /implement β†’ /check β†’ /complete

Penjelasan singkatnya:

  1. /feature β€” Lo tulis spesifikasi fitur. β€œHalaman login dengan email + password, validasi client & server, error handling.” Simpel.
  2. Review β€” Lo baca spesifikasinya, setuju apa nggak. Kalo oke, lanjut.
  3. /implement β€” Claude Code mulai nulis kode. Bedanya, ini bukan free-for-all. Dia kerja sesuai spesifikasi, bikin perubahan kecil, dan ngejalanin Verify command.
  4. /check β€” Ngecek apakah fiturnya beneran selesai sesuai done-when criteria.
  5. /complete β€” Archive, commit, merge. Rapi.

Kalo ada yang error di tengah jalan? Ada /fix dan /debug. Mau quality check? /audit. Mau ngerjain semua fitur nonstop? /continuous.

Setiap siklus ada review gates β€” jadi lo nggak bakal dikejutin sama perubahan yang nggak diminta. Nggak ada lagi β€œeh kok database gue berubah?”

Kenapa Ini Cocok Buat Solo Dev & Tim Kecil?

Gue sering liat solo dev atau tim 2-3 orang pake Claude Code, dan masalahnya selalu sama: inkonsistensi. Sesi pertama bikin kode pake pola A, sesi berikutnya lupa dan pake pola B, akhirnya codebase jadi Frankenstein.

Dengan AI Blueprint:

Ini power duo beneran: Claude Code sebagai engine coding-nya, AI Blueprint sebagai struktur yang bikin engine itu tetap di jalur.

Kesimpulan

Kalo lo udah mulai pake Claude Code tapi masih sering berantakan hasilnya, jangan salahin Claude-nya. Coba kasih struktur lewat AI Blueprint. Butuh 5 menit buat install, dan efeknya langsung kerasa di sesi coding pertama.

Menurut gue, ini adalah cara paling masuk akal untuk nge-develop software di 2026: lo tetap ngoding, AI yang bikin kodenya, tapi workflow-nya ada di tangan lo.

Coba aja: AI Blueprint β€” Getting Started Guide

← Previous Post From Figma to Functional