デザインシステム MFUI を MCP サーバー化して社内に提供した話

はじめに この記事は、弊社で開発しているデザインシステム MFUI のコンポーネント情報を AI コーディングアシスタントに効率的に提供するために開発した Model Context Protocol (MCP) サーバーの実装と活用方法について解説します。 なお、MFUI の詳細についてはこの記事では触れません。 弊社のテックイベント Money Forward TECH DAY'24 にて同じチームの Taiga Kiyokawa さんの Money Forward UI の紹介をご覧ください。 また、Model Context Protocol の詳細についての詳しい解説もありませんので、公式の情報を参照してください。 MCPサーバーの目的 MFUI は、Storybook をドキュメンテーション基盤とし、詳細の利用方法は各ストーリーに、コンポーネントのインターフェース詳細は JSD

[misshiki]

“デザインシステム MFUI のコンポーネント情報を AI コーディングアシスタントに効率的に提供するために開発した Model Context Protocol (MCP) サーバーの実装と活用方法について解説”