Vibecode について
Vibecodeは、チャットでネイティブiPhoneアプリやWebアプリを作成・変更できるサービスです。エージェントがアプリの作成、ビルド、テストを行い、作業はVibecodeアカウントに保存され、WebやiPhoneアプリから続けられます。
主な機能
- 01チャットでのアプリ作成と変更
- 02ビルド状況と失敗の確認
- 03ログ・ファイル・スクリーンショットの閲覧
- 04アプリのワークスペースでコマンド実行
- 05保存済みバージョンの復元
- 06アプリのデプロイと複製管理
活用シーン
- 01説明からiPhoneアプリを作成
- 02画面変更や不具合修正を依頼
- 03ログやスクリーンショットで問題を調査
- 04以前のアプリバージョンを復元
MCP 対応
プラグインはOAuthを使って、VibecodeのMCPサーバー(https://api.vibecodeapp.com/mcp)に接続します。他のMCPクライアントからも直接接続できます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://api.vibecodeapp.com/mcpclaude mcp add --transport http com-vibecodeapp-vibecode https://api.vibecodeapp.com/mcp{"mcpServers":{"com-vibecodeapp-vibecode":{"type":"http","url":"https://api.vibecodeapp.com/mcp"}}}Cursor で開く{"servers":{"com-vibecodeapp-vibecode":{"type":"http","url":"https://api.vibecodeapp.com/mcp"}}}VS Code で開く{"mcpServers":{"com-vibecodeapp-vibecode":{"type":"http","url":"https://api.vibecodeapp.com/mcp"}}}{"mcpServers":{"com-vibecodeapp-vibecode":{"serverUrl":"https://api.vibecodeapp.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
Vibecode
Vibecode は、説明文から iPhone アプリや Web アプリを作成します。Vibecode のエージェントがアプリを作成し、ビルドしてテストします。
このリポジトリには、Grok Bot、Claude Code、Gemini CLI 向けの Vibecode プラグインが含まれています。また、Vibecode のバグ報告や機能のリクエストもここで受け付けています。その他の MCP アプリは、https://api.vibecodeapp.com/mcp に直接接続できます(セットアップガイド)。
Vibecode プラグイン
チャットでアプリを作成、変更できます。チャットからビルドの進行状況を確認したり、変更を依頼したり、正常に動作しない場合にアプリの中を確認したりできます。
はじめに
- Vibecode プラグインをインストールします。
- Grok Bot: プラグインマーケットプレイスから Vibecode をインストールし、Connect を選択します。
- Claude Code:
/plugin install vibecode --marketplace vibecode/vibecodeを実行してから、/mcpを実行し、vibecode を選択してサインインします。 - Gemini CLI:
gemini extensions install https://github.com/vibecode/vibecodeを実行してから、Gemini CLI 内で/mcp auth vibecodeを実行します。 - スキルのみ: スキルを読み込むあらゆるエージェントで使用できます。
npx skills add vibecode/vibecodeを実行します。Vibecode MCP サーバーへの接続も必要です。
- Vibecode にサインイン(または Google か Apple でアカウントを作成)し、アクセスを許可します。
- たとえば、「毎日飲んだ水の量を記録する iPhone アプリを作って」と依頼します。
作成したアプリはすべて Vibecode アカウントに保存されるため、Web 上の Vibecode または Vibecode iPhone アプリで引き続き作業できます。
依頼できること
- アプリの作成と変更: 新しいアプリの内容を説明したり、新しい画面や色の変更を依頼したり、作成済みアプリの修正を依頼したりできます。チャットはビルドの完了を待ち、準備ができたら通知します。
- エージェントの進行状況を確認: Vibecode のエージェントが行った作業や、ビルドに失敗した理由を確認したり、エージェントを停止したりできます。
- アプリの中を確認: アプリのログ(公開済みバックエンドのログも含む)、ファイル、最新のスクリーンショットを確認したり、ワークスペースでコマンドを実行したりできます。キーはチャットから見えるものすべてに表示されません。
- バージョン: アプリの保存済みバージョンを一覧表示し、以前のバージョンに戻せます。後のバージョンも保持されます。
- アプリの管理: アプリの一覧表示、名前の変更、複製、削除ができます。
- オンラインに公開: アプリをデプロイして誰でも使えるようにしたり、Web アプリに
vibecode.runのアドレスを設定したり、独自ドメインを接続したり、パスワードで保護したりできます。デプロイによってチャットから課金が始まることはありません。プランの利用枠を超える費用がかかる場合は、Vibecode でデプロイするためのリンクが表示されます。 - 別の場所で作業を続ける: Vibecode、iPhone でアプリを開くリンクや、App Store で公開するリンクを取得できます。
プランとクレジット
アカウントの作成と接続は無料で、新しいアカウントでは最初のアプリのビルドも無料です。その後のビルドや変更には Vibecode クレジットを使用します。クレジットは vibecodeapp.com で管理します。チャット内で販売されるものはありません。
プラグインの内容
.cursor-plugin/plugin.json:Grok Bot プラグインのマニフェストです。.claude-plugin/plugin.jsonと.claude-plugin/marketplace.json:Claude Code プラグインと、プラグインを掲載するマーケットプレイスです。gemini-extension.json:Gemini CLI 拡張機能です。server.json:MCP Registry に登録された Vibecode サーバーのエントリーです。mcp.json:Vibecode サーバーhttps://api.vibecodeapp.com/mcpの設定です。サインインには Vibecode アカウントの OAuth を使用し、キーはプラグインに保存されません。skills/vibecode:ツールを効果的に使う方法を説明します。上記のすべてのプラグインに含まれています。
バグ報告と機能リクエスト
バグ報告や機能のリクエストは、Issues タブで issue を作成してください。優先してほしい issue にはリアクションを付けてください。
リンク
- Web サイト:https://www.vibecodeapp.com
- ドキュメント:https://www.vibecodeapp.com/docs
- プライバシーポリシー:https://www.vibecodeapp.com/privacy
- 利用規約:https://www.vibecodeapp.com/terms
- サポート:[email protected]
ライセンス
このプラグインはMITライセンスです。LICENSEをご覧ください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。