"Creating a Framework Design in Draw.io" matching MCP servers:

Enables local Draw.io diagram creation, editing, and export via MCP tools, using the desktop app.

Enables agents to publish Mermaid diagrams by submitting them through a serve_design tool, which stores them in a companion web service and returns a shareable URL where the rendered diagram can be viewed.

Provides design pattern templates and anti-pattern guidance to AI coding agents for correct pattern implementation.

MCP server bridging ChatGPT-compatible clients to the Design Flow System, enabling project session management, draft import, round locking, and read-only access to design state and traceability.

Provides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.

Enables AI agents to programmatically create, modify, and analyze Draw.io diagrams through the Model Context Protocol. Supports generating architectural diagrams, flowcharts, and visualizations with bidirectional communication between AI systems and Draw.io.

Generates professional Draw.io compatible diagrams (flowcharts, sequence diagrams, network diagrams, and custom diagrams) from natural language prompts, outputting XML files that can be opened directly in Draw.io.

Enables LLMs to create and open diagrams in the draw.io editor, supporting inline chat previews via MCP Apps, direct editor opening with XML/CSV/Mermaid format support, and diagram export to PNG/SVG/PDF or browser URLs through multiple integration approaches.

Provides access to a universal design token system with 7 pre-built themes (colors, typography, spacing, motion) and multi-format export capabilities for Canva, Remotion, PPTX, CSS, and W3C JSON.

Enables AI assistants to create and edit draw.io diagrams programmatically, supporting a wide range of diagram types and styles.

Turns real technical work from a Claude Code session into a saved, professional design doc with one slash command, no copy-pasting or signup required.

Turns Claude Code session work into professional design docs with a slash command, no copy-pasting or signup needed.

Enforces agent design system compliance with tools to check guards, explain gaps, issue receipts, suggest fixes, and export audits.

An intelligent MCP server for the automated design and sizing of aerobic biological wastewater treatment systems using membrane bioreactor (MBR) technology. It leverages ASM2d kinetics to perform mass balance calculations, flowsheet selection, and generate detailed engineering reports.

Enables AI assistants to create, read, and manage Draw.io diagrams programmatically through natural language interactions.

Enables AI agents to generate and edit draw.io diagrams with real-time browser preview.

Turns relational schemas into editable entity-relationship diagrams in draw.io, supporting live databases, SQL DDL, YAML/JSON specs, and existing .drawio files, with tools for managing tables, columns, and relations.

Enables AI models to create and manage various types of diagrams (flowcharts, UML, network diagrams, etc.) via the Model Context Protocol.

Enables AI assistants to discover, document, and generate React code using the pastel-themed Baby Design UI component library. It provides tools for retrieving design tokens and component specifications to streamline the development of user interfaces.

Enables visual drag-and-drop editing of Mermaid diagrams through Claude, allowing iterative refinement of software architecture designs.