便利機能:モックアップ(完成イメージ)
この画面でやること — チャットで会話しながら、提案に使う画面イメージ(HTML)を作る
ダッシュボードやアプリUIなどの「完成イメージ」を、AI のヒアリングに答えるだけで作れます。気に入らなければ会話で何度でも直せます。
案件から
📊 ダッシュボード → 🔍 詳細 →
🎨 モックアップを作る
(議事録の文脈を踏まえてヒアリングが短く済みます)
自然文で
「○○のダッシュボードのモックアップ作って」のように話しかける
急ぐとき
「おまかせで作って」と言えばヒアリングを省略してすぐ生成
💡 完成した HTML はネット接続不要の自己完結ファイル。ダウンロードしてそのまま先方に渡したり、提案資料に添付できます。
←
マニュアル全体フロー
/
通しビュー
🏠 全体フロー
便利機能 (任意機能) ・ モックアップ(完成イメージ)生成
プラスアルファ内の進行
1
自然文操作
2
ダッシュボード
3
案件分割
4
再生成
5
追加情報
6
設計図MD
7
モック
← 前: Step 6
次 →
サ
サンライズ商事 案件チャネル
投稿 ファイル Wiki Sales-AI
6月3日
サンライズ商事の在庫ダッシュボードのモックアップ作って
あなた ・ 11:00
🤖
Sales-AI bot ・ 11:00
🎨 モックアップ作成のヒアリング
いくつか質問させてください。 ① 誰が見る画面ですか?(例: 現場担当者 / 経営層) ② 必ず見せたい情報は?(例: SKU数・欠品アラート・EBS連携状況) ③ 配色や参考イメージはありますか? 1回で全部書かなくてOK、チャットでテンポよく答えてください。
🚀 おまかせで作って(ヒアリング省略)
現場担当者向け。SKU数・在庫総額・欠品アラート・EBS連携状況を見せたい。紺色基調で
あなた ・ 11:03
🤖
Sales-AI bot ・ 11:07
🎨 モックアップ (v1) ができました
サンライズ商事様向けの在庫ダッシュボードです。📊 ダッシュボード/📦 在庫一覧/🔄 EBS連携状況の3画面が、1つのHTMLにタブでまとまっています。 完全自己完結(ネット接続不要)なので、そのまま先方に渡しても開けます。
🌐 開く(ブラウザ表示)
⬇️ HTML 保存
✏️ さらに直す(会話で)
✓ 完成・終了
欠品アラートの件数をもっと目立たせて
あなた ・ 11:09
🤖
Sales-AI bot ・ 11:10
✅ 反映しました(v1 → v2)
欠品アラートの数値を大きく赤系で強調しました。他の画面・部分は変更していません。前の版(v1)は保存済みで、いつでも「↩ 前の版に戻す」で戻せます。
🌐 開く(ブラウザ表示)
↩ v1 に戻す
✏️ さらに直す
✓ 完成・終了
📎
直したい内容を入力するか、ボタンを押してください…
😊
📤