できること

  • フォントとポートレートを埋め込んだ HTML ファイル 1 つ(ネットワーク通信なし)
  • 概要、分析、財務、顧客、ロードマップボード、カレンダー、設定のビュー
  • コマンドパレット、通知、ライト・ダークモード、2 つのカラープリセット
  • サイドバー、ルート、ラベル、サンドボックス安全性、サンプルの残りをチェックするバリデーター
  • クレジットの見積もり後に PopNow で生成するチームのポートレート(任意)

向いている用途

  • SaaS 製品の管理画面や社内ツール
  • ビュー名を変えて使う、ショップ、クリニック、代理店のバックオフィス
  • 投資家やチームレビュー向けの、クリックできる製品デモ

向いていない用途

  • 一般公開のマーケティングページ
  • 初日から API のライブデータを読む必要があるダッシュボード
  • 派手でカラフル、またはイラストの多いインターフェース

使い方

Claude・ChatGPT で

PopNow のスキル「管理画面ダッシュボード テンプレート」(saas-admin-dashboard)を使って、次のことをしてください:Fernwood Bakery Supply の業務管理画面を作って。顧客の代わりに注文、配送ボード、そして注文数、売上、平均注文額、定時配送率の KPI を EUR で。

コーディングエージェントで

/popnow-saas-admin-dashboard Fernwood Bakery Supply の業務管理画面を作って。顧客の代わりに注文、配送ボード、そして注文数、売上、平均注文額、定時配送率の KPI を EUR で。

次はこれ

何か生成する前に、新しいチームの顔写真 6 枚の見積もりを出して。

これを私の Vue 3 アプリに、実際のルートとして移して。

用意しておくもの

  • 事業名、ログイン中のオペレーター、チームメンバー 4〜8 人
  • 注視している 4 つの指標と、通貨・ロケール
  • 表の行、ボードのカード、カレンダーの予定がそれぞれ何を表すか
  • 任意:PopNow API キーやチームの写真

似ているスキル

すべて見る →

よくある質問

データはライブですか?

いいえ。管理画面にはサンプルの配列が入っており、自分の記録に置き換えて使います。KPI とグラフはその配列から計算されるので整合性が保たれます。実際の API との接続は、ご自身のプロジェクトでの次のステップです。

SaaS の管理画面以外にも使えますか?

使えます。ビューの構成はそのままに名詞を変えます。顧客は注文や患者に、ロードマップは出荷ボードや案件リストに、カレンダーは予約になります。

PopNow はここで何を生成しますか?

チームのポートレートだけです。グラフ、アイコン、企業ロゴは SVG で描画します。ポートレートの生成は毎回まずクレジットで見積もり、同意してから実行します。

PopNow API キーなしでも使えますか?

使えます。同梱の架空のポートレート 8 枚をチームの名前に変えて使うか、イニシャルのアバターを使えます。