// uimocks.jsx — UI mockups (dashboard, chat, document) for hero / quote sections // ========================================================== // MockDashboard — AI業務改善ダッシュボード // ========================================================== function MockDashboard() { return (

ai-improvement.app

AI業務改善ダッシュボード

2026年5月 · 月次サマリ

5月 ▾

削減時間（今月）

42h

↑ 18% vs 先月

改善対象業務

3件

● 進行中

育成済み推進者

2名

✓ 完了

改善時間の推移削減時間目標

改善対象業務

✓ 月次報告コメントのたたき台作成 12h 削減 / 月

● 顧問先への確認メール下書き進行中

○ 資料回収状況の整理フロー次月着手

); } // ========================================================== // MockChat — Chatworkスタイルの伴走チャット // ========================================================== function MockChat() { const messages = [ { who: "consult", name: "AIエージェント", time: "10:42", text: "月次報告コメントのプロンプト、たたき台こちらに作りました。顧問先5社で試してみてください。" }, { who: "consult", name: "AIエージェント", time: "10:43", attach: "monthly_comment_prompt_v2.md" }, { who: "client", name: "K様（推進担当・仮名）", time: "11:08", text: "ありがとうございます！1社で試したら、税理士が「これ使える」と言っていました。" }, { who: "consult", name: "AIエージェント", time: "11:14", text: "良かったです🙌 次は資料回収の催促メール、テンプレ化しましょうか？" }, ]; return (

AIエージェント・パートナーズ

Chatwork · 月次伴走

● オンライン

2026/5/14 (水)

{messages.map((m, i) => (

{m.who === "client" ? "K" : "AE"}

{m.name} {m.time}

{m.text &&

{m.text}

} {m.attach && (

{m.attach}

)}

))}

メッセージを入力…

); } // ========================================================== // MockDocument — Google Docs風 + AIサイドバー // ========================================================== function MockDocument({ title = "月次報告コメント（5月）", industry = "AI業務改善" }) { return (

{title}

Google Docs · AI下書き

自動保存済

{title}

{industry}のポイント

推奨アクション

AI AIアシスト

「前月との差分と要因をまとめて」

履歴

要点を3行に要約

敬語に書き換え

注意点を抽出

); } Object.assign(window, { MockDashboard, MockChat, MockDocument, MockStrategy, MockCode, MockKnowledge }); // ========================================================== // MockStrategy — 業務改善設計マップ（コンサル業務の可視化） // ========================================================== function MockStrategy() { return (

業務改善テーマMAP

Obsidian · 共有ボード

); } // ========================================================== // MockCode — AIエンジニア業務の可視化（Claude Code風） // ========================================================== function MockCode() { return (

monthly_report.py

Claude Code · 業務アプリ開発

          1def generate_comment(client_id):
          2  # Drive内の月次資料を要約
          3  docs = drive.fetch(client_id)
          4  summary = ai.summarize(docs)
          5  return template.render(summary)

AI suggest エラーハンドリングを追加しますか？

); } // ========================================================== // MockKnowledge — ナレッジネットワーク図 // ========================================================== function MockKnowledge() { return (

社内ナレッジネットワーク

Cortex · プロンプト集

); }