Dashboard dari sebuah deskripsi, bukan pembangun seret dan lepas
Beri tahu agent apa yang harus ditampilkan dan bagaimana seharusnya terasa. Open Design menyediakan pola grafik, sistem tata letak, dan bahasa visual sehingga Anda mendapatkan dashboard yang koheren dan layak presentasi — bukan tembok widget bergaya bawaan.
Dalam satu kalimat
Open Design mengubah spesifikasi metrik Anda dalam bahasa biasa menjadi dashboard bergaya yang dirender agent ke HTML — diversikan di repo Anda, bisa dihosting di mana saja, tanpa langganan BI per kursi.
Cara kerja dashboard dengan Open Design
- 01
Jelaskan metriknya
Sebutkan apa yang penting — “pengguna aktif mingguan, pendapatan per paket, churn, dan tren 30 hari”. Agent memuat keterampilan dashboard sehingga tahu harus menata kartu KPI, grafik, dan tabel alih-alih satu blok teks.
- 02
Pilih pola grafiknya
Open Design menyertakan templat grafik dan tata letak, sehingga tren menjadi grafik garis, rincian menjadi batang, dan rasio menjadi visual yang tepat — tipografi dan jarak yang konsisten di seluruh bagian alih-alih bawaan yang tak serasi.
- 03
Sambungkan data Anda
Arahkan dashboard ke sebuah CSV, endpoint JSON, atau tempel baris contoh. Ia dirender ke HTML mandiri yang diperbarui saat datanya berubah — buka di browser mana pun, taruh di hosting statis mana pun.
- 04
Sempurnakan dan rilis
Sesuaikan dengan berbicara kepada agent — “kelompokkan pendapatan menurut wilayah, pindahkan baris KPI ke atas”. Artefak hidup di proyek Anda, sehingga dashboard bisa ditinjau dan diversikan seperti kode lainnya.
Apa yang bisa Anda bangun
prototipe Baca prompt lengkap → Dashboard
Dashboard admin/analitik dalam satu file HTML. Sidebar kiri tetap, bar atas dengan pengguna/pencarian, grid utama kartu KPI dan grafik. Gunakan untuk layar 'dashboard', 'admin', 'analytics', atau 'panel kontrol'.
prototipe Baca prompt lengkap → Dasbor GitHub
Dasbor analitik repositori GitHub — bintang, fork, kontributor, issues, pull request, aktivitas terbaru, dan kontributor teratas. Gunakan untuk dasbor repositori GitHub, laporan pertumbuhan open-source, halaman kesehatan repositori, atau tampilan analitik GitHub.
prototipe Baca prompt lengkap → Laporan Visualisasi Data
Mengubah data CSV, Excel, atau JSON menjadi halaman laporan visual yang rapi.
prototipe Baca prompt lengkap → Laporan keuangan
Laporan keuangan triwulanan/bulanan dengan header KPI, grafik pendapatan dan pengeluaran, tabel ringkasan P&L, sorotan utama, dan paragraf prospek. Gunakan saat brief menyebutkan 'laporan keuangan', 'laporan Q3', 'tinjauan MRR', 'P&L', atau '财报'.
prototipe Baca prompt lengkap → 30 Hari Terakhir
Riset tren komunitas dan sosial selama 30 hari terakhir. Gunakan untuk mengetahui pendapat terkini, sentimen terbaru, reaksi komunitas, bukti sosial, respons peluncuran, pemindaian tren, atau konteks 30 hari terakhir.
prototipe Baca prompt lengkap → Template dasbor langsung Flowai
Dasbor manajemen tim dengan estetika FlowAI mencakup tiga tab (Anggota Tim, Detail Tim, Log Aktivitas), baris statistik KPI, tabel anggota, grafik batang distribusi peran, sparkline kehadiran online dan aktivitas, serta panel kontributor teratas. Mendukung tema terang/gelap, tooltip grafik, zoom, dan ekspor CSV.
Dashboard dengan Open Design vs. cara lama
| Yang Anda butuhkan | Dengan Open Design | Alat BI / dikode manual |
|---|---|---|
| Beranjak dari daftar metrik ke tata letak | ●Satu prompt; agent menata kartu, grafik, dan tabel | Seret widget satu per satu, atau tulis kode grafik dari nol |
| Sistem visual yang konsisten | ●Pola grafik dan jarak dari sistem desain yang dapat dipakai ulang | Gaya widget bawaan, atau ditata manual per grafik |
| Sambungkan data | ●CSV / JSON / baris yang ditempel, dirender ke HTML langsung | Konektor vendor atau pemipaan data khusus |
| Hosting dan berbagi | ●HTML mandiri di hosting statis mana pun, tanpa akun | Penonton butuh kursi di vendor BI |
| Tinjauan dan versi | ●Hidup di repo Anda; bisa di-diff seperti kode | Terkunci di dalam vendor, tanpa diff sungguhan |
| Biaya dan keterkuncian vendor | ●Open source, pakai kunci Anda sendiri, berjalan lokal | Langganan per kursi, dihosting vendor |
Dashboard nyata yang dirender dari sebuah prompt dan sumber data. Mulai dari yang dekat dengan milik Anda dan jelaskan metrik yang Anda lacak.
FAQ dashboard
-
01 Apakah saya butuh alat BI seperti Tableau atau Looker?
Tidak. Open Design merender dashboard ke HTML di dalam coding agent Anda. Anda menjelaskan metrik dan mengarahkannya ke data Anda; tidak ada platform BI terpisah untuk dilisensikan atau dipelajari.
-
02 Dari mana datanya berasal?
Sebuah CSV, endpoint JSON, atau baris yang Anda tempel. Dashboard adalah HTML dan JavaScript murni, sehingga Anda mengendalikan persis dari mana ia membaca — tidak ada yang di-proxy lewat layanan terhosting.
-
03 Bisakah rekan non-teknis melihatnya?
Ya. Keluarannya adalah halaman web mandiri. Siapa pun dengan tautan atau berkas bisa membukanya di browser — tanpa akun, tanpa kursi.
-
04 Agent mana saja yang bisa saya pakai?
Claude Code, Codex, Cursor Agent, Gemini CLI, dan belasan adapter resmi lainnya. Anda membawa kunci penyedia Anda sendiri.
Bangun dashboard Anda malam ini
Beri bintang pada repo, pasang Open Design, dan ubah metrik Anda menjadi dashboard yang bisa Anda hosting di mana saja — di agent yang sudah Anda pakai.