mcpField
V
Vibecode

Vibecode

リモート
vibecodeapp.com開発ツール12 日前に更新
リポジトリ公式サイト

Vibecode について

Vibecodeは、チャットでネイティブiPhoneアプリやWebアプリを作成・変更できるサービスです。エージェントがアプリの作成、ビルド、テストを行い、作業はVibecodeアカウントに保存され、WebやiPhoneアプリから続けられます。

主な機能

  1. 01チャットでのアプリ作成と変更
  2. 02ビルド状況と失敗の確認
  3. 03ログ・ファイル・スクリーンショットの閲覧
  4. 04アプリのワークスペースでコマンド実行
  5. 05保存済みバージョンの復元
  6. 06アプリのデプロイと複製管理

活用シーン

  1. 01説明からiPhoneアプリを作成
  2. 02画面変更や不具合修正を依頼
  3. 03ログやスクリーンショットで問題を調査
  4. 04以前のアプリバージョンを復元

MCP 対応

プラグインはOAuthを使って、VibecodeのMCPサーバー(https://api.vibecodeapp.com/mcp)に接続します。他のMCPクライアントからも直接接続できます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://api.vibecodeapp.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

Vibecode

skills.sh

Vibecode は、説明文から iPhone アプリや Web アプリを作成します。Vibecode のエージェントがアプリを作成し、ビルドしてテストします。

このリポジトリには、Grok Bot、Claude Code、Gemini CLI 向けの Vibecode プラグインが含まれています。また、Vibecode のバグ報告や機能のリクエストもここで受け付けています。その他の MCP アプリは、https://api.vibecodeapp.com/mcp に直接接続できます(セットアップガイド)。

Vibecode プラグイン

チャットでアプリを作成、変更できます。チャットからビルドの進行状況を確認したり、変更を依頼したり、正常に動作しない場合にアプリの中を確認したりできます。

はじめに
  1. 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 サーバーへの接続も必要です。
  2. Vibecode にサインイン(または Google か Apple でアカウントを作成)し、アクセスを許可します。
  3. たとえば、「毎日飲んだ水の量を記録する 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 にはリアクションを付けてください。

リンク

ライセンス

このプラグインはMITライセンスです。LICENSEをご覧ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。