composer is an MCP (Model Context Protocol) server by olivergrabner in the Design Tools category. Give your AI coding agent an architecture canvas to design and evolve diagrams.

How do I connect composer to Claude, Cursor, or another MCP client?

Install composer from its npm package (@usecomposer/mcp) and register it under "mcpServers" in your client's MCP configuration — for example claude_desktop_config.json or Cursor's mcp.json — then restart the client.

Is composer open source?

Yes — the source code is public at github.com/olivergrabner/composer-mcp, with 3 GitHub stars.

Can AI agents pay to use composer?

Not yet through Loomal — composer is listed as a free directory entry. If its maintainer verifies ownership, they can set per-call USDC pricing that agents pay over x402, with settlement on Base.

composer

MCP server by github.com/olivergrabner/composer-mcp

Give your AI coding agent an architecture canvas to design and evolve diagrams.

3 starsnpm: @usecomposer/mcp

About composer

composer is an MCP (Model Context Protocol) server published by olivergrabner in the official MCP registry, listed under Design Tools on Loomal. Give your AI coding agent an architecture canvas to design and evolve diagrams.

It ships as an npm package (@usecomposer/mcp), so any MCP client that can launch a local process can run it.

Development happens in the open at github.com/olivergrabner/composer-mcp, where the project has earned 3 GitHub stars.

Use composer with your agent

Claude Code · one command

claude mcp add composer -- npx -y @usecomposer/mcp

Claude Desktop, Cursor & other MCP clients · config

{
  "mcpServers": {
    "composer": {
      "command": "npx",
      "args": [
        "-y",
        "@usecomposer/mcp"
      ]
    }
  }
}

npm@usecomposer/mcp

Frequently asked questions

What is composer?: composer is an MCP (Model Context Protocol) server by olivergrabner in the Design Tools category. Give your AI coding agent an architecture canvas to design and evolve diagrams.
How do I connect composer to Claude, Cursor, or another MCP client?: Install composer from its npm package (@usecomposer/mcp) and register it under "mcpServers" in your client's MCP configuration — for example claude_desktop_config.json or Cursor's mcp.json — then restart the client.
Is composer open source?: Yes — the source code is public at github.com/olivergrabner/composer-mcp, with 3 GitHub stars.
Can AI agents pay to use composer?: Not yet through Loomal — composer is listed as a free directory entry. If its maintainer verifies ownership, they can set per-call USDC pricing that agents pay over x402, with settlement on Base.

More Design Tools MCP servers

Figma-Context-MCP

15.1k

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

TypeUI

1.1k

Design systems, UI prompts, and layout variations for AI coding tools.

Network Sketcher (Local MCP)

365

AI-native MCP server to design and manage Cisco network diagrams (L1/L2/L3, PPT/SVG) from LLMs.

figma-ui-mcp

208

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

plumb-mcp

Figma → code MCP: no rate limits, no metered quotas, verification loop. Works on every Figma plan.

illustrator-mcp-server

Read, manipulate, and export Adobe Illustrator design data. 26 tools. macOS | Windows.

Browse the full MCP server directory

Listing data from the official MCP registry and GitHub, refreshed periodically. Not affiliated with the maintainer unless claimed. Maintain composer? Claim this listing free by verifying GitHub ownership, or contact us.