VibeStep 構想を最速でプロダクトへと変える
「書けば、成る。——AIと共に、直感を形にする」
VibeStepは、事業の構想（What）を定義する「ドキュメント機能」と、それを具体的なコードへと変換する「実行エンジン（プロンプト生成）」をシームレスに繋ぎ、開発者の「Vibe（高揚感・直感）」を途切れさせないためのプラットフォームです。
サービス構成と主要機能
VibeStepは、役割の異なる2つのコア機能で構成されます。「何を作るか」を決める管理フェーズから、「どう作るか」を実行する開発フェーズまでをカバーします。
VibeCanvas
ユーザーが「何を作りたいか」を具体化し、チームで共有するためのエリアです。
-
✓インタラクティブ・ウィザード: 「ターゲットは？」「技術スタックは？」等の質問に答えるだけで、AIが事業計画書とシステム構成案を自動生成します。
-
✓AIタスク・ディコンポジション: 生成された事業計画書から、エンジニアが即座に着手できるレベルの細かな「タスク」を一括生成します。
-
✓シンプル共有＆アサイン: タスクをプロジェクトメンバーに簡単に割り振り可能。誰がどの「Vibe」を担当しているかが一目でわかります。
VibeCanvas プレビュー画面
（準備中）
VibePrompt
管理されたタスクを、AIエディタ（Cursor, Claude Code, Windsurf等）で実行するための強力な支援機能です。
-
✓コンテキスト自動注入型プロンプト生成: 特定のタスクに対し、プロジェクトの前提条件（技術スタック、ディレクトリ構造、命名規則など）を自動で付加した指示文を生成します。
-
✓ステップバイステップ提案: 「まずDB設計、次にAPI、最後にUI」といったように、開発フローそのものをAIが提案します。
-
✓GitHub/Vercel ステータス同期: GitHubへのプッシュやマージを検知し、ドキュメント上のタスクを自動で「完了」に更新します。
VibePrompt プレビュー画面
（準備中）
プロジェクトメンバーとのタスク共有
チーム全員で同じ「Vibe」を共有し、開発のスピードを加速させます。
-
✓シームレスな共有: 生成された事業計画やタスクを即座にメンバーと共有可能。
-
✓タスクの割り当て: 誰がどのタスクを担当しているかを明確にし、重複や漏れを防ぎます。
-
✓進捗の可視化: メンバーの進捗状況が一覧でき、プロジェクト全体の状況を一目で把握できます。
タスク共有 プレビュー画面
（準備中）
ユーザー体験（ワークフロー）
VibeStepが提供する途切れない開発体験。
1. 定義
ウィザードに従い、数分で「動く事業計画書」を作成。
2. 分解
AIが生成したタスクリストを確認し、必要に応じてメンバーへ割り振り。
3. 転送
開発したいタスクを選び、「プロンプト生成」をクリック。
4. 実装
生成されたプロンプトをCursor等にペースト。AIがコードを生成し、直感のまま開発。
5. 完了
開発が進むと、VibeStep上の進捗メーターが自動で上昇。
技術スタック（MVP構成）
コストを抑えつつ、将来のネイティブ展開を容易にする構成です。
Frontend (Web)
開発スピード、SEO、PCでの作業性の高さを確保。
Backend
インフラ管理不要。サーバーレスでコストを最小化。
AI Integration
プロンプト生成ロジックを共通化し、Web/Mobile両方から利用。
UI/UX
AIによるコード生成と相性が良く、高品質なUIを爆速で構築。
Mobile (Future)
ネイティブならではの快適な操作感とウィジェット機能の提供を目指します。
ロードマップ
MVPからその先へ、VibeStepの進化のステップ。
Web版リリース
ウィザード形式の事業書作成、タスク自動分解、プロンプトコピー機能。
GitHub連携
コミットメッセージやPRとタスクを自動紐付け。
iOS版リリース
SwiftUIで実装。開発進捗をiPhoneの「ライブアクティビティ」でリアルタイムに確認可能に。
AIモデル提案機能
タスクの内容に応じた最適なAI（Claude vs GPT）をサジェスト。
開発ブログ・関連情報
VibeStepの開発進捗や、AIを活用した開発のTipsなどをブログで発信しています。