mcp-server
npxVerifiedMCP server for Next AI Draw.io enables AI agents to generate diagrams and flowcharts. It provides tools for creating, editing, and previewing diagrams in real-time within a browser. The server connects to Draw.io's web-based diagramming platform, allowing agents to manipulate diagrams via API calls. Developers use it to integrate AI-powered diagramming capabilities into applications, automating the creation of visual representations of data and processes.
20,8752,0300Updated 2 weeks ago
Overview
MCP server for Next AI Draw.io enables AI agents to generate diagrams and flowcharts. It provides tools for creating, editing, and previewing diagrams in real-time within a browser. The server connects to Draw.io's web-based diagramming platform, allowing agents to manipulate diagrams via API calls. Developers use it to integrate AI-powered diagramming capabilities into applications, automating the creation of visual representations of data and processes.
Installation
1Install the package
npx
npx -y @next-ai-drawio/mcp-server2Add to Claude
Add this configuration to your claude_desktop_config.json:
claude_desktop_config.json
{
"mcpServers": {
"next-ai-drawio-mcp-server-npm": {
"command": "npx",
"args": [
"-y",
"npx -y @next-ai-drawio/mcp-server"
]
}
}
}3Verify installation
Restart Claude Desktop, then ask:
"What tools do you have available from mcp-server?"
Prerequisites
- Node.js 18 or higher
- npm or npx available
- Claude Desktop or Claude API access
- API key for mcp-server
Configuration
API Key Required
This server requires an API key from mcp-server. Add it to your environment or config.
| Variable | Required | Description |
|---|---|---|
| MCP-SERVER_API_KEY | Yes | Your mcp-server API key |
Usage Examples
List Resources
"What resources are available in mcp-server?"
Claude will query available resources and return a list of what you can access.
Get Details
"Show me details about [specific item] in mcp-server"
Claude will fetch and display detailed information about the requested item.
Create New
"Create a new [item] in mcp-server with [details]"
Claude will use the appropriate tool to create the resource and confirm success.
Works with mcp-server
Related skills
Browse all skillsNeed help with MCP integration?
We build custom MCP integrations for B2B companies. From simple connections to complex multi-tool setups.