事前準備・環境確認
- Lark App ID/Secret、Anthropic API、Vercel、Cloudflareは保有済み
- LangGraph CLIのみ未確認
- Node.jsも概ね保有している見込み
UI・UX方針
- PC専用設計で確定(スマホ最適化は不要)
- メインカラー:ネイビー、背景:白
- フォント:明朝体系
- 左サイドメニュー構成(宴・マネーフォワード参考)
- ユーザー名表示は右上か左上を希望
アプリ画面構成(5画面)
- 初回ロードマップ生成画面:ログイン後に質問に答えて個別ロードマップ生成
- ダッシュボード(ホーム):今日やるべきタスク・進捗チェック表示
- AI伴走ボット:4種類程度のAIチャットbot(棚卸君・設計君・事例君等)
- ナレッジ保管庫:動画・資料・テキストを検索・閲覧、Larkへリンク遷移
- ロードマップはフェーズ単位(フェーズ0〜3程度)で細かい日別管理はなし
ロードマップ生成設計
- 5カテゴリー(顧客管理・日報・外注管理・KPI等)から課題起点で生成
- 詳細な質問に回答→個別最適化ロードマップを生成(パターン2方式)
- チェック機能で進捗管理、未チェックのタスクを表示
- アウトプット提出締切をダッシュボードに表示したい
AIボットの設計方針
- アプリ内完結(外部GPTsへの遷移なし)で統一
- APIはAnthropic(Opusを想定)で運用
- ログは完成品・要約のみ保存(全ログ保存はデータ量が膨大になるため避ける)
- API費用は寺山が全額負担
決済・アカウント管理
- アカウント付与日から180日間は無料
- 180日経過後、月次自動課金開始(月1万1千円)
- 決済はUnivaPayを使用(宴と連携)
- Supabaseでユーザー情報とStripeを紐づけ、未決済はログイン不可にする設計
インフラ構成
- フロントエンド表示:Cloudflare
- バックエンド(AI処理):Vercel
- データベース:Lark(2万行まで現行料金、超過時は100万行まで拡張可)
- 両ツールとも無料プランで運用可能(課金はAPI費用のみ)