Groselia

Membangun tidak lagi jadi hambatan. Dilihat oranglah yang kini jadi hambatan.

AI meruntuhkan biaya membuat software. Founder tanpa latar belakang engineering sekarang bisa merilis produk dalam satu akhir pekan, dan begitu juga semua orang lainnya. Yang tidak ikut jadi murah adalah membuat orang memperhatikannya. Distribusi adalah operasi yang terus-menerus, bukan satu tugas: posting setiap hari, di delapan jaringan yang masing-masing minta format berbeda, menjawab setiap komentar, dan membaca angka yang dilaporkan berbeda oleh tiap aplikasi.

Startup membayarnya dengan salah satu dari tiga cara. Mereka merekrut tim yang belum sanggup mereka bayar, menyambung selusin alat yang masing-masing hanya menyelesaikan satu potong, atau tidak memposting apa-apa dan membayarnya dengan pertumbuhan. Groselia ada untuk menjadi pilihan keempat.

Groselia berganti bentuk empat kali sebelum menemukan jati dirinya. Setiap belokan mempertahankan yang berhasil dan membuang sisanya.

1. 

   Akhir 2025 – Feb 2026

   Argibee

   Platform desain brand berbasis AI. Awalnya prototipe di akhir 2025 dan menjadi perusahaan sungguhan pada Februari 2026. Ia tidak menemukan pasarnya, tapi mesin brand kit-nya menjadi tulang punggung semua yang datang setelahnya.

2. 

   Apr 2026

   Video motion

   Groselia berawal sebagai video peluncuran ala Apple yang dibuat dari template After Effects. Saya memvalidasi seluruh pipeline-nya secara manual, lalu sadar ia tidak bisa diskalakan sampai standar kualitasnya.

3. 

   Jun 2026

   Pre-seed dari Link Vector

   Kami ikut Startup School dari Link School of Business, program 100 hari untuk founder yang direkam seperti reality show (tonton musimnya ↗). Program itu ditutup dengan demo day tempat saya mem-pitch Groselia di atas panggung, dan dengan pre-seed kami senilai R$100k dari Link Vector, akselerator milik Link School of Business, tempat saya lulus.

   

4. Agu 2026

   Lovable untuk pemasaran

   Satu percakapan sebagai ganti formulir: jelaskan kampanyenya, lalu Groselia merencanakan, menulis, dan memublikasikannya. Satu agen chat dengan tool, bukan sederet bot.

5. Sep 2026

   Social media manager

   Pelanggan tidak mau AI membuat konten mereka. Mereka mau foto mereka sendiri diposting dengan baik dan komentar mereka dijawab. Kami memotong fitur generate dan fokus penuh menjalankan kanal-kanalnya.

6. 

   Sekarang

   Service as a software

   Kami menjual pekerjaannya, bukan alatnya. Tim kami menjalankan media sosial setiap pelanggan di platform ini, yang membuat satu orang bisa menjalankan apa yang dulu butuh satu agensi.

Dibangun secara terbuka

Kami membangun secara terbuka sejak awal. Waktu masih bernama Argibee, kami membagikan perjalanannya di YouTube, dari peluncuran waitlist Argibee sampai video pertama tempat kami menunjukkan Groselia. Sisa ceritanya, video demi video, ada di kanal kami ↗.

Saya ingin brand Groselia tampil berani: sesuatu yang membuat orang berhenti dan melihat, di situs web, di aplikasi, dan di setiap postingan media sosial kami. Di mana pun orang bertemu dengannya, brand ini harus membuat mereka terkesan, sedikit kagum, dan ingin memakai jasa kami karena apa yang baru saja mereka lihat. Di atas segalanya, ia harus terlihat luar biasa di mata startup teknologi, ekosistem tempat kami berada dan pelanggan pertama yang kami layani.

Saya merancang seluruh brand-nya dengan plugin Figma di dalam Codex: logonya, tipografinya dan cara ia dipadukan dengan simbol dalam proporsi yang pas, citranya, pustaka ikon SVG, gaya teks, dan palet warna yang tertata. Setiap keputusan dituangkan di satu papan, diukur, supaya bisa dibandingkan dan diperdebatkan.

Simbolnya

Simbolnya datang lebih dulu dan tetap bertahan. Tiga kelopak lembut yang berputar mengelilingi satu titik pusat, terbawa sejak versi paling awal perusahaan, dan logo baru dibangun di sekitarnya, bukan menimpanya: geometrinya disalin dan diskalakan, tidak pernah digambar ulang.

Wordmark-nya

Wordmark-nya memakai TT Commons Pro Bold, huruf kecil, diubah menjadi vektor supaya tampil sama di mana pun. Dengan spasi aslinya, ia terasa renggang di samping simbol, jadi saya merapatkannya menjadi tracking −4% dengan menggeser setiap huruf ke kiri 6,4 unit tambahan di ukuran 160px. Kedengarannya kecil; tapi itu membuat lebar katanya turun dari 564 menjadi 520 unit dan terbaca sebagai satu bentuk.

Grid berbasis H

Semuanya diukur dalam H, tinggi wordmark yang terlihat, di atas grid H/10. Dengan begitu logonya bisa diskalakan tanpa ada yang perlu mengira-ngira lagi.

Untuk logo bertumpuk saya menggambar enam opsi, tiga ukuran simbol (1,50H, 1,75H, 2,00H) dikali dua jarak (0,15H, 0,25H), dan kami memilih B: simbol 1,75H, 0,15H di atas kata. Untuk versi horizontal saya membandingkan jarak dari 0,20H sampai 0,35H dan memilih simbol 1,10H dengan jarak 0,35H.

Horizontal

Simbol 1,10H · jarak 0,35H

Bertumpuk

Simbol 1,75H · jarak 0,15H

Simbol

Rasio asli, 0,93 : 1

Colour

The palette is fifteen colours, loud on purpose. But the logo only ever comes in four treatments: blue symbol with black text, blue with white, all black and all white. The other colours are grounds, never the symbol.

To prove that, I put the symbol and both lockups on twelve backgrounds, 24 studies each, and kept the ones where its silhouette survives. On blue grounds the symbol goes monochrome. Click a colour to copy it.

Tipografi

TT Commons Pro mengerjakan semua tugas: enam ketebalan dari Light sampai ExtraBold, skala sebelas langkah dari 12 sampai 96px, dan italic sungguhan. Saya memindahkan semua 688 layer teks di file itu ke font ini, jadi buku brand, aplikasi, dan situs web sekarang berbicara dengan satu suara.

Ikon aplikasi

Ikon aplikasi adalah satu-satunya tempat brand ini tampil 3D: simbolnya dalam porselen, berlapis, disinari dari atas dan sedikit mengilap. Di pembaruan berikutnya saya mengecilkan simbol di dalamnya 10% supaya punya ruang bernapas di kotaknya. Ikon ini juga punya lockup sendiri dengan wordmark, kotaknya di 1,5H.

Dunia objek 3D

Di sekitar logo hidup sekumpulan objek 3D: hati dengan mata goyang, gelembung chat, tagar, kilauan. Mereka adalah suara brand di situs web dan di postingan kami, dan mereka tidak pernah diam: mereka melayang, dan di situs mereka bereaksi terhadap kursor. Yang ini juga: dorong mereka, atau tarik satu ke belakang lalu lepaskan.

Neo doodles

Untuk semua yang datar ada Neo, set ikon kami: garis luar hitam yang tebal, isian dari palet, dan satu kilau putih. Di situs web, setiap ikon awalnya berupa ikon garis biasa di dalam chip putih, lalu berubah menjadi doodle saat kursor diarahkan ke atasnya, bagian-bagiannya muncul satu per satu: cakramnya meletup, batangnya jatuh, kilaunya tergambar. Ini doodle dan animasi asli dari situs webnya, disalin apa adanya. Arahkan kursor ke salah satunya.

Semua hal di Groselia dikerjakan dengan mengetik di satu chat. Kamu tulis apa yang perlu tayang dan kapan, lalu Groselia menjadwalkannya, memublikasikannya, menjawab komentar, dan memberi tahu apa yang berhasil. Pekerjaannya datang sebagai satu rencana yang disetujui pemilik, bukan selusin layar yang harus dioperasikan.

Fitur utama

• Brand kit dari satu tautan

  Tempel alamat situs web dan hubungkan akunmu. Groselia membaca situsnya, membaca postingan lamamu, dan mengisi logo, warna, font, gaya bahasa, dan audiens dengan sendirinya.

• Satu percakapan

  Agen AI dengan 41 tool yang menulis caption untuk mediamu, memilih jam dari data engagement-mu sendiri, membaca metrik, dan menyusun draf balasan, lalu membungkus semuanya menjadi satu rencana.

• Kalender untuk delapan jaringan

  Instagram, LinkedIn, TikTok, YouTube, X, Facebook, Threads, dan Reddit, masing-masing dengan format aslinya, dengan postingan lama diimpor supaya kalendernya tidak pernah kosong.

• Setiap komentar dijawab

  Komentar dan DM dari semua jaringan dalam satu inbox, dengan draf balasan dalam gaya bahasa brand dan apa pun yang sensitif ditahan untuk ditangani manusia.

• Insights dalam bahasa sehari-hari

  Jangkauan, tayangan, dan engagement di semua akun, jujur soal apa yang dilaporkan dan tidak dilaporkan tiap platform, plus jawaban untuk “apa yang berhasil?”.

• Siklus dan persetujuan

  Pekerjaan berjalan dalam siklus. Setiap siklus dibuka dengan rapat, ditutup dengan laporan yang ditulis AI dari angka-angkanya, dan setiap postingan bisa menunggu persetujuan pelanggan.

Dibangun dengan agen AI

Saya membangun Groselia dengan agen AI sebagai tim engineering saya. Codex dan Claude Code menulis kodenya, setiap perubahan di branch-nya sendiri, sementara saya merancangnya, meninjau setiap pull request, dan memutuskan apa yang dirilis.

Dan sebagian besar prompt saya ucapkan, bukan saya ketik, dengan Wispr Flow. Prompt yang baik adalah brief yang panjang dan detail, dan dengan bicara saya bisa memberikannya secepat saya memikirkannya.

• 

  Codex

  Agen coding

• 

  Claude Code

  Agen coding

• 

  Wispr Flow

  Dikte suara

Situs web adalah tempat brand-nya tampil paling lantang. Saya merancang dan membangunnya dengan Next.js. Situsnya tersedia dalam tujuh belas bahasa, dan ia meneruskan bahasa setiap pengunjung ke aplikasi saat mereka mendaftar.

Hero yang bisa dimainkan

Logonya berputar masuk saat halaman dimuat, lalu muncul hero-nya: properti 3D yang melayang, condong mengikuti mouse, dan terdorong ke sana kemari oleh kursor, serta adegan scroll yang berakhir di “Made for you”.

groselia.com

Aplikasi asli, dibangun ulang

“Inside your Groselia” menampilkan platformnya apa adanya, dibangun ulang dalam kode dari layar-layar aplikasinya sendiri dengan brand demo.

groselia.com

Blog

Catatan soal menjalankan media sosial. Postingannya file MDX biasa, satu per bahasa, tanpa CMS, dan masing-masing punya feed dan data terstruktur sendiri supaya mesin pencari dan asisten AI membacanya dengan benar.

groselia.com

Formulir yang menyaring prospek

Setiap “Book a call” membuka formulir singkat sebelum kalender: siapa kamu, di mana kamu posting, apa yang kamu butuhkan, dan anggaranmu. Setiap langkah disimpan ke database kami selagi kamu mengisinya, jadi kami bisa melihat jawaban yang setengah jadi sekalipun, dan formulir yang selesai mengirim notifikasi ke tim kami di Slack.

groselia.com

Responsif, selalu

Setiap halaman juga dirancang untuk ponsel, bukan sekadar dikecilkan supaya muat. Di layar tanpa hover, bagian-bagiannya terbangun saat mencapai tengah layar.

Arsitektur

Saya membangun platformnya sendiri, dengan AI sebagai partner. Aplikasinya React dan Vite, landing-nya Next.js, dan keduanya berdiri di atas satu proyek Supabase: Postgres dengan row-level security, auth, realtime dan storage, serta 47 edge function. Apa pun yang lambat atau terjadwal berjalan di Trigger.dev, jaringan sosial masuk lewat satu API publikasi, dan Stripe mengurus paket, kartu, dan boleto Brasil.

Ada juga server MCP dan plugin Codex, jadi Groselia bisa dipakai dari dalam agen AI: brand, postingan, dan draf yang sama, sebagai tool.

Tempat ia dipakai

Aplikasi webSitus webServer MCP

↓

Intinya

Supabase

AuthPostgresRealtimeStorageEdge function

↓

Di baliknya

LLM frontierTrigger.devAPI publikasiStripePostHog

Aplikasi, situs web, dan server MCP di-host di Vercel.

Arahkan kursor atau ketuk sebuah kotak untuk melihat fungsinya dan dengan apa ia terhubung.

Perjalanan sebuah postingan

Cara terbaik untuk melihat bagaimana semua bagiannya saling terhubung adalah mengikuti satu postingan, dari satu kalimat di chat sampai angkanya di Insights. Klik setiap langkahnya, atau biarkan berjalan sendiri.

Agennya

Agennya berjalan di model terbaik di pasar, dari Anthropic, OpenAI, dan penyedia lain, sebagai satu edge function streaming dengan tool loop. Model mendapat 41 tool miliknya sendiri ditambah web search dan web fetch, hingga delapan langkah per giliran. Bagian tersulitnya tidak pernah modelnya. Bagian tersulitnya adalah memastikan agen selalu tahu apa yang benar saat ini.

Jadi di setiap giliran, sebelum model melihat pesannya, function itu membangun ulang konteks dari database: tanggal dan waktu di zona waktu pemilik, dokumen memori brand, kalender langsung, rencana terbuka, dokumen yang diunggah, dan ringkasan pesan-pesan lama yang terus diperbarui. Bagian prompt yang stabil di-cache selama satu jam; bagian ini tidak pernah di-cache, jadi tidak bisa basi.

Dua aturan membentuk sisanya. Apa pun yang publik atau tidak bisa dibatalkan masuk ke rencana yang disetujui pemilik, tidak pernah langsung keluar. Dan sebuah postingan hanya ada kalau sebuah tool membuatnya di giliran ini, yang mengakhiri masa ketika agen menggambarkan pekerjaan yang belum ia lakukan. Agennya juga tidak terikat pada satu model: ketika model yang lebih kecil dan lebih murah sudah cukup bagus, saya memindahkan chat ke sana untuk memangkas biaya per percakapan.

Konteks, dibangun ulang setiap giliran

Instruksi dan tooldi-cache selama satu jam

Tanggal dan waktuzona waktu pemilik

Dokumen memoripreferensi, yang boleh dan tidak

Kalender langsungsetiap postingan dan statusnya

Rencana terbukadiusulkan dan disetujui

Cerita sejauh iniringkasan yang terus diperbarui

→LLM-nyaModel teratas · hingga 8 langkah→

Panggilan tool

✓get_posting_times

✓get_insights

✓propose_plan

Rencana, menunggu persetujuan

Minggu panen: 3 postingan, 4 balasan

// Volatile block: time + memory + live calendar + active plans + rolling summary.
// Rebuilt each turn (never cached) so the agent always sees current state.
const volatileSystem = () => {
  const parts = [
    nowBlock,
    renderMemories(memories),
    renderCalendar(calendar, todayISO),
    renderPlans(plans),
  ]
  if (documents.length) parts.push(renderDocuments(documents))
  if (rollingSummary) parts.push(`STORY SO FAR (summary of earlier messages in THIS conversation):\n${rollingSummary}`)
  // … then a line for each of the brand's other conversations
  return parts.join('\n\n')
}

Model data

Sekitar 55 tabel, dalam beberapa kelompok yang jelas. Sebuah workspace punya anggota dan brand; semua yang lain menggantung di brand, jadi row-level security bisa menjawab satu pertanyaan di mana saja: apakah orang ini anggota brand ini?

Keandalan dan keamanan

Groselia memublikasikan ke akun sungguhan, jadi kegagalan yang mahal adalah postingan yang tayang dua kali, atau postingan yang diam-diam tidak pernah tayang. Sebagian besar engineering-nya ada di sana.

Untuk sementara waktu aplikasi lokal saya dan yang live berbagi satu database produksi, dan sebuah migrasi yang berjalan lebih dulu dari deploy pernah mengosongkan halaman Brand Kits yang live. Sejak itu pekerjaan backend dilakukan di branch Supabase lebih dulu dan digabungkan ke produksi bersama kode yang membutuhkannya.

Kualitas dan alur kerja

Sekitar 1.000 test case di 140 file tes mencakup aplikasi, server MCP, dan edge function. Beberapa pemeriksaan ada karena sesuatu pernah rusak: tes paritas menggagalkan build kalau salah satu dari 17 bahasa kekurangan key, dan suite database untuk MCP berjalan di atas data sintetis dan di-rollback di akhir.

Agennya punya eval sendiri. Salah satunya mengajukan serangkaian pertanyaan tetap ke agen live tentang performa sebuah brand, masing-masing di percakapan baru, lalu memeriksa bahwa ia membaca Insights dengan periode yang benar dan jawabannya membawa angka yang sama dengan yang ditampilkan halaman Insights.

Satu orang merilis 520+ pull request dengan memperlakukan agen AI seperti sebuah tim. Setiap perubahan dapat branch sendiri di git worktree sendiri, jadi Claude Code dan Codex bisa mengerjakan beberapa hal sekaligus tanpa saling mengganggu. Masing-masing menjalankan tes dan type check, membuka pull request kecil, dan tidak ada yang di-merge sebelum saya membacanya.

Masing-masing terlihat seperti bug di antarmuka, tapi ternyata sesuatu yang lebih dalam: bentuk sebuah stream, sebuah timestamp, apa yang benar-benar dilaporkan sebuah jaringan, sebuah jam.

export function sameInstant(a: string | null | undefined, b: string | null | undefined): boolean {
  if (a == null && b == null) return true;
  if (a == null || b == null) return false;
  if (a === b) return true;
  const ta = Date.parse(a);
  const tb = Date.parse(b);
  return Number.isFinite(ta) && Number.isFinite(tb) && ta === tb;
}