MCP

🚀 Webvizioについて

Webvizio は、エンドユーザー、非技術チーム、および開発者間のコミュニケーションを合理化します。

使いやすい ブラウザ拡張機能 を使用すると、ウェブページ上で直接視覚的なフィードバックやバグレポートを収集できます。その後、関連するすべてのデータを自動的に収集し、AIコーディングエージェントにとって実行可能でコンテキストが豊富な開発タスクに変換します。

非技術的な製品フィードバックからバグのないコードまで、何日もかけるのではなく数秒で実現します。開発者向けのWebvizioの詳細については こちら をご覧ください。

✨ 主な機能

Webvizio MCPサーバー

TypeScriptベースのモデルコンテキストプロトコル（MCP）サーバーで、Webvizio APIへの安全で構造化されたアクセスを提供します。このサーバーにより、MCPクライアントは標準化されたインターフェースを介してWebvizioプロジェクトや開発タスクとシームレスにやり取りできます。

Webvizio MCPサーバーは、ウェブサイトやウェブアプリからのフィードバックとバグレポートを自動的に実行可能でコンテキストが豊富な開発者タスクに変換します。AIコーディングツールに直接配信されるため、AIエージェントがタスクを迅速かつ正確に解決するために必要なすべてのデータを確保できます。

📦 インストール

1. デバイスにNode.js 18（またはそれ以上のバージョン）がインストールされていることを確認してください。
2. MCPサーバーの設定コードをAIクライアントの設定ファイルの mcpServers セクションにコピーします。

   "webvizio": {
      "command": "npx",
      "args": [
         "-y",
         "@webvizio/mcp-server"
      ],
      "env": {
         "WEBVIZIO_API_KEY": "<your-api-key>"
      }
   }
   

3. AI設定ページ https://app.webvizio.com/profile/ai でMCPサーバーのAPIキーを生成し、コピーします。
4. APIキーを WEBVIZIO_API_KEY 環境変数に挿入します。
5. 変更を保存します。
6. 完了です。MCPサーバーの設定が完了し、使用可能な状態になりました。

💻 使用例

基本的な使用法

1. IDEのチャットを開きます（例：CursorのエージェントモードまたはWindsurfのCascade）。
2. Webvizioタスクへのリンクを貼り付けます。または、AIエージェントにすべてのタスクを表示するように依頼することもできます。
3. AIエージェントに選択したタスクを実行するように指示します。
4. AIエージェントは、タスクに関する詳細情報を収集するためにツールの使用を要求することがあります（例：スクリーンショット、コンソールログなど）。これらの要求を承認すると、エージェントが処理を続行できます。
5. エージェントの作業を確認し、タスクが正しく完了していることを確認します。
6. タスクが完了したら、AIエージェントにタスクを閉じるように依頼します。

📚 ドキュメント

利用可能なツール