MCP.so
ログイン

Composer

@OliverGrabner

リポジトリホームページ

Composer について

🔌MCP server that gives AI coding agents a visual architecture canvas

#mcp#mcp-server#architecture#system-design#diagram#visualization#claude-code#cursor#vscode#developer-tools#devtools#software-architecture#infrastructure#microservices#api-design#database#codebase#code-visualization#real-time#collaborative#oauth#typescript#npm#coding-agent#ai-agent#tool-use#software-engineering

基本情報

カテゴリ

その他

ライセンス

MIT

ランタイム

node

トランスポート

stdio

公開者

OliverGrabner

投稿者

Oliver Grabner

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "composer": {
      "type": "http",
      "url": "https://mcp.usecomposer.com"
    }
  }
}

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

What is Composer?

Composer is a visual system design tool that gives AI coding agents an architecture canvas to design, visualize, and evolve software architecture diagrams through the Model Context Protocol (MCP). It integrates directly with your IDE, allowing agents to add services, databases, queues, and connections, with a live canvas at usecomposer.com updating in real-time.

How to use Composer?

Connect your IDE by adding an MCP server using HTTP transport to https://mcp.usecomposer.com. For example, in Claude Code run claude mcp add --transport http composer https://mcp.usecomposer.com. Your browser will open for OAuth authorization on first use. Then use tools like create_diagram, upsert_node, upsert_edge, etc., via your AI coding agent.

Key features of Composer

  • Create and modify interactive architecture diagrams from your IDE.
  • Supports multiple node types: client, frontend, backend, database, cache, queue, storage, external.
  • Supports edge protocols: REST, gRPC, GraphQL, WebSocket, TCP, UDP, async, event, internal.
  • Real-time sync via WebSocket – changes appear instantly on the Composer canvas.
  • Verify diagrams for missing endpoints, orphaned nodes, and other issues.
  • Link nodes to files or folders in your codebase.

Use cases of Composer

  • Import an existing codebase and have the agent build a corresponding architecture diagram.
  • Add a Redis cache between the API and database in a diagram.
  • Define API endpoints on backend service nodes within the diagram.
  • Check the diagram for issues like missing endpoints or orphaned nodes.

FAQ from Composer

How does authentication work?

Authentication is handled via OAuth 2.1 – your browser opens for a one-time consent flow, then you're connected.

Where does diagram data live?

Your diagram data lives on Composer's servers. The MCP server itself is stateless.

What transports does Composer support?

The MCP server uses HTTP transport (URL: https://mcp.usecomposer.com). Some IDEs support an alternative stdio transport via npx (e.g., Codex: codex mcp add composer -- npx -y @usecomposer/mcp --stdio).

What is Composer's relation to other tools?

Composer is a dedicated architecture canvas that integrates with any MCP-compatible AI coding agent, providing specialized tools for system design and visualization.

Are there any known limits?

The README does not specify explicit limits. It notes that the server is stateless and data is hosted remotely.

コメント

「その他」の他のコンテンツ

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K

IDA Pro MCP

mrexodia

AI-powered reverse engineering assistant that bridges IDA Pro with language models through MCP.

9.9K

Unity MCP ✨

justinpbarnett

Unity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.

12.2K

ACI: Open-Source Infra to Power Unified MCP Servers

aipotheosis-labs

ACI.dev is the open source tool-calling platform that hooks up 600+ tools into any agentic IDE or custom AI agent through direct function calling or a unified MCP server. The birthplace of VibeOps.

4.8K

Website

FunnyWolf

Adversary simulation and Red teaming platform with AI

5.1K