Mowgli について
Mowgliはプロダクトデザイン向けのキャンバスで、`mowgli` Agent Skillを使ってコーディングエージェントとMowgliプロジェクト間でデザインを送受信できます。画面と仕様を同期し、デザインをコードとして管理します。
主な機能
- 01コードベースとMowgliプロジェクト間でデザインを同期
- 02画面と仕様の同期
- 03自然言語によるデザインの反復
- 04バージョン管理とチームコラボレーション
活用シーン
- 01既存コードベースからMowgliへデザインを送る
- 02Mowgliのデザインをコードベースに取り込む
MCP 対応
Agent Skillsに対応していないクライアントは、`https://app.mowgli.ai/mcp`のMowgli MCPサーバーに接続して同じ連携を利用できます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://app.mowgli.ai/mcpclaude mcp add --transport http skills-mowgli-ai https://app.mowgli.ai/mcp{"mcpServers":{"skills-mowgli-ai":{"type":"http","url":"https://app.mowgli.ai/mcp"}}}Cursor で開く{"servers":{"skills-mowgli-ai":{"type":"http","url":"https://app.mowgli.ai/mcp"}}}VS Code で開く{"mcpServers":{"skills-mowgli-ai":{"type":"http","url":"https://app.mowgli.ai/mcp"}}}{"mcpServers":{"skills-mowgli-ai":{"serverUrl":"https://app.mowgli.ai/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
Mowgli スキル
Mowgli向けのエージェントスキル：コンテキストとセンスを備えた、プロダクトデザインのためのインテリジェントなキャンバスです。
Mowgliとは？
Mowgliは、仕様主導型のインテリジェントなプロダクトデザイン用キャンバスです。フロントエンドを複数の画面と、それぞれのさまざまな状態として保存します。また、信頼できる唯一の情報源となる、ユーザージャーニーを含む仕様も保存します。Mowgliの画面はすべてコードであるため、デザインと実装に食い違いが生じません。
Mowgliを使うと、デザインをすばやく簡単に試し、調整し、拡張し、ブレインストーミングできます。また、完全なバージョン管理機能も備えています。コラボレーション機能やチーム機能、コーディングエージェントとの連携を組み合わせることで、実装に着手する前にプロダクトの見た目や使い心地について合意を形成できる強力なツールです。
Mowgliスキル
このリポジトリでは、**mowgli**という単一のスキルを公開しています。このスキルを使うと、コーディングエージェントは実際のコードベースからMowgliプロジェクトにデザインをプッシュし、そこからプルできます。これは、npmで公開されているmowgli CLIを使用して実現します。画面と仕様を同期し、変更のたびにプロジェクトが仕様に基づいた状態を保ちます。
インストール
次のコマンドを実行すると、スキルに対応したエージェントにこのスキルをインストールできます。
npx skills add mowgli-ai/skills
スキルに対応していない場合：代わりにMCPサーバーを使用する
エージェントがエージェントスキルに対応していない場合や、ターミナルコマンドを実行できない場合は、次のMowgli MCPサーバーに接続すると、同じようにMowgliとの相互運用が可能です。
https://app.mowgli.ai/mcp
リンク
- Mowgli — https://mowgli.ai/agent
- Vercelスキルディレクトリ — https://skills.sh
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。