Gue udah bosen buka Figma atau Photoshop cuma buat posting carousel Instagram yang simpel. Masalah layer, alignment, sampai ekspor manual—itu bener-bener penghambat buat developer yang cuma pengen bagiin pikirannya dengan cepet. Gue butuh tool di mana gue tinggal paste JSON atau prompt, dan dapet 10 slide deck yang siap upload dalam hitungan detik.

Makanya, gue bikin sendiri. Ini breakdown dari IG Post Builder, tech stack-nya, dan gimana gue pake Claude sebagai *senior pair programmer* buat ngerilis ini dalam waktu singkat.

 

Konsep Utama: Prompt-to-Product

Goal-nya simpel: Zero backend, zero login, 100% privacy. Gue mulai dengan prototype HTML satu file yang berantakan cuma buat ngetes logic-nya. Pas "kerangka"-nya udah jalan, gue pake Claude buat refactor semuanya jadi codebase yang profesional. Kita iterasi lewat screenshot dan error log sampe akhirnya jadi Vue 3 SPA yang rapi.

Tech Stack:

  • Framework: Vue 3 (Composition API) + Vite buat hot-reload yang instan.
  • State Management: Pinia (buat nanganin data slide di seluruh app).
  • Persistence: localStorage buat auto-saving. Tutup tab, balik lagi nanti, dan draf lo masih ada.
  • Rendering: html2canvas buat ekspor PNG resolusi tinggi (2x).
  • Security: Custom XSS sanitization buat <span> tags (color highlights).

Fitur Utama buat Content Creator

Gue nggak mau bikin editor generik. Gue mau sebuah sistem yang ngerjain tugas-tugas beratnya.

  • 8 Layout Modular: Dari "Classic" dan "Split Card" sampe "Statement + Image." Bisa campur berbagai layout dalam satu carousel.
  • AI Workflow: Ada modal bawaan dengan template prompt yang terstruktur. Tinggal copy ke Claude/ChatGPT, ambil JSON-nya, terus paste balik. Semua slide otomatis ke-generate dalam hitungan detik.
  • One-Click Themes: Ganti tema antara Violet Dark, Azure Tech, Emerald SaaS, atau Startup Orange. Konsistensi brand, secara instan.
  • Export ke ZIP: Sekali klik buat render setiap slide dan langsung dibungkus jadi file ZIP yang siap upload.

Kenapa Ini Gratis & Privat?

Kebanyakan tool "gratis" itu cuma buat *lead magnet* (cari email). Tool ini beda.

  • Tanpa Login: Bisa langsung mulai bikin konten.
  • Tanpa Tracking: Gue nggak butuh data lo. Semuanya tetep ada di localStorage browser lo.
  • Client-Side Only: Gambar lo dirender secara lokal, bukan di server.

Cobain Sekarang

Kalau lo udah capek sama "Figma Tax" cuma buat posting ke sosmed, cobain tool ini. Dibangun oleh developer, buat developer dan creator yang lebih ngehargain kecepatan daripada ribetin urusan layer.

 Launch IG Post Builder