ダッシュボードと業務ツールをAIで作る
追っている数字と、使う人を説明するだけ。Supacodeがグラフ、表、絞り込みのあるダッシュボードを本物のコードで作ってライブで動かし、ご自身のSupabaseデータベースのデータも読み込めます。
このプロンプトが入力された状態で作成画面が開きます。作成前に自由に編集でき、実行前に必要なクレジットが表示されます。
作成の流れ
データについて説明する
何を計測し、どう分類し、どの表示が大事かを伝えます。サンプルデータを貼り付けるか、Supabaseを接続してください。
チャットで表示を増やす
新しいグラフ、期間の絞り込み、書き出しボタンなどを頼めます。Supacodeは必要な部分だけを編集します。
チームで共有する
公開してリンクを共有するか、サーバーが必要なアプリはご自身のVercelアカウントにデプロイします。
依頼できること
- 集計カード
- グラフ
- 検索・並べ替えができる表
- 絞り込みと期間指定
- データを追加・編集するフォーム
プロンプト例：チーム用のダッシュボード：上部に集計カード、売上推移の折れ線グラフ、検索と絞り込みができる最近の注文の表、新しい注文を追加するフォームを作ってください。
ギャラリーの作品例
すべて見る
よくある質問
実際のデータを使えますか？
はい。「バックエンド」タブでSupabaseプロジェクトを接続してください。データベースの変更は、承認したあとにだけ実行されます。
見られる人を制限できますか？
ログイン機能を頼んでください。Supabaseプロジェクトを接続していれば、アカウントとアクセス権限のルールを追加できます。
テンプレートから始められますか？
はい。ギャラリーにあるダッシュボードやツールを開いて、リミックスできます。