Composer MCP Server

@OliverGrabner

代码仓库主页

基本信息

分类

其他

许可证

MIT

传输方式

stdio

作者

OliverGrabner

提交者

Oliver Grabner

关于 Composer MCP Server

🔌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

Composer MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

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

Composer MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

点击上方按钮,直接连接服务器端点实时获取工具列表。

概览

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.

常见问题

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.

其他分类下的更多 MCP 服务器

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

Awesome Mlops

visenger

A curated list of references for MLOps

14.0K

Handl

Handl speaks the Model Context Protocol. Your whole billing operation — projects, invoices, clients, reports, approvals — as tools any AI assistant can call, inside your autonomy rules.

Klarix Intelligence Engine

Klarix

B2B competitive intelligence, live sales battlecards, 5-axis ICP prospect fit scoring, and tech stack teardowns over MCP and REST with cited public-web evidence.

Codelf

unbug

A search tool helps dev to solve the naming things problem.

14.2K