はじめに

昨今、CursorやClaudecodeのようなAIツールがModel Context Protocol（mcp）と連携することで、さまざまなツールとの協調が可能になりました。弊社でもDevinを使って業務効率化を図ってきましたが、今回、Devinがmcpと連携できるようになったので、その使用感と連携方法を本記事で共有したいと思います。

本記事では、DevinやModel Context Protocol（mcp）そのものの詳細な説明は割愛し、Devinとmcpの連携設定に焦点を当てて解説します。それぞれの基礎知識については、公式ドキュメントなどをご参照ください。

Devinとmcpの連携

CursorやClaudecodeの場合jsonなどで連携情報を設定・管理しますが、
Devinの場合はMarketplaceとして既にmcp連携できる各種サービスがブラウザ上で一覧として存在しており設定の少ないものであれば有効化するだけでmcp連携が可能になっております。

Marketplaceに存在しないものはMCPの設定を追加することができるので新しくAWS Diagram MCP Serverを追加します。

Deep wikiを使った構成図

Devinにリポジトリを読み込ませるとリポジトリの情報を元にさまざまなドキュメントを作成してくれます。
terraformのコードを元に構成図も作成し図の精度も高いのでこれと比較して同じコードでどのような図ができるか確認していきます。

設定箇所について

DevinにログインしブラウザからSetting→MCP Marketplaceの順でMarketplaceの画面が確認できます。

Marketplace上にAdd Your Ownという項目があり選択することでmcpの設定をすることができます

各種設定画面にmcpの情報と実行コマンドを入力します

設定の各種項目はこちら

項目	値	内容
Server Name	test aws　diagrams	mcpの名前
Transport Type	STDIO	今回はコマンドベースで実行するのでSTDIOを選択
Icon	今回は設定無し	Marketplaceで表示させる為のアイコン
Short Description	説明をここに追記	説明
Secrets	今回は設定無し	devin上にキーやTokenを入力
Command	/home/ubuntu/.local/bin/uv	MCPを介して実行するコマンド
Arguments	tool run awslabs.aws-diagram-mcp-server	コマンドの引数
Environment Variables	FASTMCP_LOG_LEVEL: ERROR	環境変数

設定後の画面はこのようになります。問題なければSave changesを選択します

Save changes選択後に接続テストを行う為Test listing toolsを実行します

テスト失敗例

リンクのView full outputからログを確認することができるのでの原因の調査に活用ができます。

テスト成功例

MCPの接続が問題なく成功したら隣のUse MCPでmcpを実行してみます。

プロンプトにテスト用の文言が入った状態でDevin Sessionに画面遷移するのでDeepwikiで参照したterraformコードのリポジトリを選択し[⇨]を選択します。

Devinが作成した構成図

構成図の結果はこちらです。AWSのアイコン使用して構成図が作成できてますね。
AWSのアイコンは複数種類が存在していると思うのですが、プロンプトに情報を伝えることで他の種類のアイコンでも作ってもらうことができました。

感想

terraformコードを元に構成図を作成することでコードで実装していなかった部分なども図で確認できるようになりました。
他のシステムとの連携については既にIntegrationsでJiraと連携することができたのですが、
Jira以外のもNotionMCPと連携してNotion上でタスク管理したりなどDevinにmcp連携機能が追加されこれで依頼できる幅が更に広がったかと思います。