業務SaaS🤖 AI主導公開中
firstdesign
設計のためのGit。上流工程ドキュメントを一元管理・承認・AI生成するSaaS
🔑 テストアカウント
テストアカウント
Emailtest001@ai-creators-hub.com
Passtest012
⚠️ バックエンドはRender無料プランのため、初回アクセス時に15〜30秒の起動待ちが発生する場合があります
FastAPINext.jsSupabaseVercelLiteLLMReactFlowAG GridPython
// SCREENSHOT — 実際の画面
↗ https://firstdesign.ai-creators-hub.com/
// VIBE CODING RATIO
💪 自力実装 20%🤖 AI担当 80%
■ 設計・判断・レビュー■ AI実装
プロダクトのコンセプト・アーキテクチャ・フェーズ計画・技術選定・品質判断は自分が行い、実装の大部分をAIと協業した。ハッシュチェーン設計・マルチテナント設計・Supabase RLS設計・MCP Server設計（12ツール）は自分で0から設計した。20以上のフェーズに分割したロードマップも自分が管理している。
// BACKGROUND — なぜ作ったか
システム開発の現場では「言った言わない」問題が頻繁に起きる。要件定義書はExcelやWordで管理され、誰がいつ何を変更したか追跡できない。astah*やCacooは高額でチームで使うには障壁が高い。
Power Platformで社内システムを開発していた経験から、上流工程のドキュメント管理こそが開発品質のボトルネックだと実感していた。これを解決するツールを自分で作ろうと思った。
// WHAT I DID — 何をやったか
16種類のシステム開発ドキュメント（要件定義書・API設計書・テーブル定義書・画面設計書・ER図・シーケンス図など）を一元管理できるWebアプリを構築した。
主な機能：変更履歴のハッシュチェーン記録・顧客承認フロー・AI連携（OpenAI/Claude/Gemini/Ollama）による一括生成・OpenAPI 3.0出力・AGENTS.md生成（→そのままAIコーディングツールに渡して実装自動化）・マルチテナント・課金プラン・MCP Server（Claude Desktop連携）
// MY DECISIONS — 自分が設計・判断した部分
「設計のためのGit」というコアコンセプトを自分で考えた。ハッシュチェーンで改ざん不可能な変更履歴を持つアーキテクチャは自分が0から設計した。
Supabase RLS（行レベルセキュリティ）の設計、マルチテナント構造の設計、MCP Server（12ツール）の設計・API設計も自分主導で行った。20以上のフェーズに分割して段階的にリリースするロードマップも自分が管理した。
// TECH DETAIL — 技術的な工夫
- **ハッシュチェーン**：各変更にSHA-256ハッシュを付与し、前の変更のハッシュをチェーンすることで改ざん不可能な監査証跡を実現
- **LiteLLM抽象化**：OpenAI/Claude/Gemini/Ollamaを単一インターフェースで切り替え可能
- **ReactFlow**：ER図・クラス図・業務フロー図をドラッグ&ドロップで編集できるビジュアルエディタ
- **AG Grid**：16種のドキュメントすべてをExcelライクなグリッドUIで編集
- **MCP Server**：Claude DesktopからfirstdesignのデータをAIが直接読み書きできる
// RELEASE NOTES
v10.02026-06
ドキュメント内セクション機能・グローバル保存・Ctrl+S・Undo/Redo実装
v9.02026-06
MCP Server実装（Claude Desktop連携・12ツール）
v8.02026-05
マルチテナント・課金プラン・招待URL・ロール管理実装
v7.02026-04
UML図ビジュアルエディタ全種（クラス図・シーケンス図・業務フロー図・画面遷移図）
v6.02026-03
Supabase移行・Render本番デプロイ・GitHub連携・顧客承認フロー
v5.02026-02
AI連携強化（OpenAPI出力・AGENTS.md生成・AIパック・コメント機能）
v1.02024-11
テーブル定義書GUI編集・ER図・変更履歴・承認フロー MVP公開
開発開始: 2024-11最終更新: 2026-06