"How to use the browser console" matching MCP servers:

An MCP server that enables AI assistants to programmatically create and manage use case diagrams (actors, use cases, subjects, relationships) in StarUML via a REST API.

Enables AI coding agents to list, read, create, update, delete, and render PlantUML and Mermaid diagrams, and check them against the actual codebase to detect architecture drift.

Enables rendering, validation, formatting, and inspection of D2 diagrams via the Model Context Protocol, using WASM for rendering without requiring the d2 binary.

Enables LLMs to search and retrieve official Cisco network diagram icons as RGB PNG images, with metadata and category listing tools for building topology diagrams.

An MCP server that builds a local webpage to view AI plans, reports, and diagrams, so the AI only needs to send a URL pointer instead of long text. It provides three tools (view_plan, view_report, view_diagram) and tracks project changes for diff viewing.

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

Enables generating, reading, auditing, and previewing BPMN 2.0 diagrams for Bizagi Modeler, with an automatic layout engine that produces files Bizagi can open, plus optional control of the Bizagi Modeler desktop app on Windows.

Model Context Protocol (MCP) server for @imqueue — lets AI coding agents (Claude Code, Cursor and others) search the docs, scaffold typed services & clients and use @imqueue/cli live.

Generates UML and other diagrams (30+ types) via the Model Context Protocol, supporting multiple output formats and deployment options.

AI-native architecture diagramming for MCP clients (Claude Code, Cursor, Windsurf). The calling agent authors the graph (nodes, groups, edges); Flowgraf validates it, lays it out deterministically with ELK, renders an SVG + Mermaid, and returns a link to a live, editable canvas you can refine by chat, drag, or one-click AI design review. Agent-authored ops — no API key and no LLM cost to the calle

Enables AI coding agents to retrieve mode and stage guidance so they can lead users through a 9-stage design workflow, including questions, required artifacts, exit criteria, dependencies, pitfalls, rollback impact, and environment requirements. It helps non-designers turn ideas into buildable HTML/WPF design specs while keeping the human in control of confirmation and revisions.

Enables MCP-capable coding agents to access SkeletIQ architecture releases, including reading designs and build orders, generating and critiquing architectures, and reporting build progress and drift.

Connects Claude directly to Godot 4 projects to read and manipulate scenes, nodes, scripts, and assets within the editor. It enables real-time scene tree management, script editing, and resource configuration through a local Node.js bridge and GDScript plugin.

Proxy server that enables Claude Code to interact with the DASE ORM Designer VS Code extension, providing 42 tools for database design and management.

Renders diagram-as-code to PNG files on your disk, and also provides text-art previews and syntax validation, all locally without a browser or network.

A comment-based spec-driven development MCP server that facilitates workflows from requirements creation to implementation via AI, using @spec-impl markers.

A graph layout server that computes node coordinates and edge paths from structure using elkjs, enabling agents to offload layout calculations without rendering.

Enables two coding agents to deliberate on a plan in a shared room, taking turns to argue and converge until the lead writes a spec file and closes the room.

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

Enables Claude Code to create and edit presentation-grade visualizations such as cloud architecture diagrams, charts, KPI dashboards, and poster infographics, with auto-layout, themes, and export to SVG, PNG, JPG, and PDF.