Panolar bir tariften gelir, sürükle bırak oluşturucudan değil
Ajanınıza neyi göstereceğini ve nasıl hissettirmesi gerektiğini söyleyin. Open Design grafik desenlerini, düzen sistemini ve görsel dili sağlar, böylece varsayılan stilli bir bileşen yığını değil, tutarlı ve sunulabilir bir pano elde edersiniz.
Tek cümlede
Open Design, metriklerinizin sade dildeki bir tanımını ajanınızın HTML olarak işlediği stillendirilmiş bir panoya dönüştürür — deponuzda sürümlenir, her yere barındırılabilir, koltuk başı BI aboneliği olmadan.
Open Design ile panolar nasıl çalışır
- 01
Metrikleri tarif edin
Önemli olanları sıralayın — “haftalık etkin kullanıcılar, plana göre gelir, kayıp oranı ve 30 günlük bir trend.” Ajan pano becerisini yükler, böylece tek bir metin bloğu yerine KPI kartlarını, grafikleri ve bir tabloyu yerleştirmesi gerektiğini bilir.
- 02
Grafik desenlerini seçin
Open Design grafik ve düzen şablonları sunar, böylece trendler çizgi grafiğe, dökümler çubuklara ve oranlar doğru görsele dönüşür — uyumsuz varsayılanlar yerine baştan sona tutarlı tipografi ve boşluk.
- 03
Verinizi bağlayın
Panoyu bir CSV’ye, bir JSON uç noktasına yönlendirin ya da örnek satırlar yapıştırın. Veri değiştiğinde güncellenen, kendi kendine yeten HTML olarak işlenir — herhangi bir tarayıcıda açın, herhangi bir statik barındırıcıya bırakın.
- 04
İyileştirin ve yayına alın
Ajanla konuşarak ayarlayın — “geliri bölgeye göre grupla, KPI satırını en üste taşı.” Çıktı projenizde yaşar, böylece pano her kod gibi gözden geçirilebilir ve sürümlenebilir.
Neyi kurabilirsiniz
prototip Tam promptu oku → Gösterge Paneli
Tek HTML dosyasında yönetici/analitik gösterge paneli. Sabit sol kenar çubuğu, kullanıcı/arama içeren üst çubuk, ana KPI kart ızgarası ve grafikler. 'Gösterge paneli', 'yönetici', 'analitik' veya 'kontrol paneli' ekranları için kullanın.
prototip Tam promptu oku → GitHub Panosu
GitHub depo analitik panosu — yıldızlar, fork'lar, katkıda bulunanlar, sorunlar, pull request'ler, son aktiviteler ve en çok katkıda bulunanlar. GitHub depo panosu, açık kaynak büyüme raporu, depo sağlık sayfası veya GitHub analitik görünümü için kullanın.
prototip Tam promptu oku → Veri Görselleştirme Raporu
CSV, Excel veya JSON verilerini şık bir görsel rapor sayfasına dönüştürür.
prototip Tam promptu oku → Finansal rapor
Üç aylık/aylık finansal rapor — KPI'lı başlık, gelir ve harcama grafikleri, P&L özet tablosu, öne çıkanlar ve görünüm paragrafı içerir. 'Finansal rapor', 'Q3 raporu', 'MRR incelemesi', 'P&L' veya '财报' gibi talepler için kullanın.
prototip Tam promptu oku → Son 30 Gün
Son 30 günün topluluk ve sosyal trend araştırması. İnsanların şu anda ne söylediğini, son duyguları, topluluk tepkilerini, sosyal kanıtı, lansman tepkisini, trend taramasını veya son 30 günün bağlamını öğrenmek için kullanın.
prototip Tam promptu oku → Flowai canlı gösterge paneli şablonu
FlowAI estetiğinde ekip yönetimi panosu; üç sekme (Ekip Üyeleri, Ekip Detayları, Etkinlik Günlüğü), KPI istatistik satırı, üye tablosu, rol dağılımı çubuk grafiği, çevrimiçi durum ve etkinlik sparkline'ları ile en iyi katkıda bulunanlar paneli içerir. Açık/koyu tema, grafik araç ipuçları, tıklayarak yakınlaştırma ve CSV dışa aktarma desteği.
Open Design ile panolar, eski yönteme karşı
| İhtiyacınız olan | Open Design ile | BI araçları / elle kodlanmış |
|---|---|---|
| Metrik listesinden düzene geçmek | ●Tek komut; ajan kartları, grafikleri ve tabloları yerleştirir | Bileşenleri tek tek sürükleyin ya da grafik kodunu sıfırdan yazın |
| Tutarlı görsel sistem | ●Yeniden kullanılabilir bir tasarım sisteminden grafik desenleri ve boşluk | Varsayılan bileşen stilleri ya da her grafik elle stillendirilir |
| Veri bağlama | ●CSV / JSON / yapıştırılan satırlar, canlı HTML olarak işlenir | Satıcı bağlayıcıları ya da özel veri tesisatı |
| Barındırma ve paylaşım | ●Herhangi bir statik barındırıcıda kendi kendine yeten HTML, hesap gerekmez | Görüntüleyenin BI satıcısında bir koltuğa ihtiyacı var |
| Gözden geçirme ve sürümleme | ●Deponuzda yaşar; kod gibi karşılaştırılabilir | Satıcıya kilitli, gerçek bir fark karşılaştırması yok |
| Maliyet ve bağımlılık | ●Açık kaynak, kendi anahtarlarınızı getirin, yerelde çalışır | Koltuk başı abonelik, satıcı barındırmalı |
Bir komut ve bir veri kaynağından işlenmiş gerçek panolar. Sizinkine yakın olan birinden başlayın ve izlediğiniz metrikleri tarif edin.
Pano SSS
-
01 Tableau veya Looker gibi bir BI aracına ihtiyacım var mı?
Hayır. Open Design panoları kodlama ajanınızın içinde HTML olarak işler. Metrikleri tarif eder ve verinize yönlendirirsiniz; lisanslanacak ya da öğrenilecek ayrı bir BI platformu yoktur.
-
02 Veri nereden gelir?
Bir CSV’den, bir JSON uç noktasından ya da yapıştırdığınız satırlardan. Pano saf HTML ve JavaScript’tir, böylece nereden okuduğunu tamamen siz denetlersiniz — hiçbir şey barındırılan bir hizmet üzerinden geçmez.
-
03 Teknik olmayan ekip arkadaşları görüntüleyebilir mi?
Evet. Çıktı kendi kendine yeten bir web sayfasıdır. Bağlantısı ya da dosyası olan herkes onu bir tarayıcıda açabilir — hesap yok, koltuk yok.
-
04 Hangi ajanları kullanabilirim?
Claude Code, Codex, Cursor Agent, Gemini CLI ve bir düzineden fazla birinci taraf bağdaştırıcı. Kendi sağlayıcı anahtarlarınızı getirirsiniz.
Panonuzu bu gece kurun
Depoya yıldız verin, Open Design’ı kurun ve metriklerinizi her yere barındırabileceğiniz bir panoya dönüştürün — zaten kullandığınız ajanda.