Advertise
MCP.so
Sign In

Composer MCP Server

@OliverGrabner

RepositoryHomepage

Basic information

Category

Other

License

MIT

Transports

stdio

Author

OliverGrabner

Submitted by

Oliver Grabner

About 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 config

Add this server to your MCP-compatible client using the configuration below.

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

Composer MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

Fetch the live tool list directly from this server's endpoint using the button above.

Overview

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.

Frequently asked questions

1

How does authentication work?

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

2

Where does diagram data live?

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

3

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`).

4

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.

5

Are there any known limits?

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

Comments

More Other MCP servers

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.

Figs, Relationship Expert

Figs O'Sullivan, LMFT

Couples therapist Figs O'Sullivan (LMFT, 17 years, endorsed by Sue Johnson, creator of EFT) inside your AI. Ask relationship questions answered from his clinical writing, name the pattern in a fight, get a three-step rep

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.

Health by Dr Brad

Dr Brad Stanfield

Health by Dr Brad works out a health plan from your own results: which screening is due at your age, and evidence-based suggestions, each with the reason and the published guideline or study behind it. Your record is one

Maestro

mobile-dev-inc

Painless E2E Automation for Mobile and Web

14.8K
Advertise