"How to use the browser console log and network tab" matching MCP servers:

۩ Plan your projects with THC! MLLM planning harness for Software Engineering, modifiable for other purposes, released as an MCP server. Bring your own API keys. Open-Source now, my dear! :D

Enables an agent to turn a paper's draft into editable Figma frames for publication-ready figures, checking every number against the paper and verifying the exported PDF.

Creates and visualizes network diagrams through MCP tools for adding nodes and edges, with real-time web interface and REST API for building architecture diagrams interactively.

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.

Enables AI assistants to render Mermaid.js diagram syntax into crisp, high-resolution PNG images across 37+ diagram types, with built-in tools for discovering supported diagrams, retrieving exact syntax guides, and returning the rendered image for inline inspection.

Turn natural language into 3D models in Fusion 360. 64 CAD tools including sketches, extrudes, fillets,and JIS standard parts.

An MCP server that adds engineering discipline to AI-assisted development, enforcing evidence-gated TDD, security review, backup strategy, and deployment generation to turn AI-generated code into production-ready software.

Enables AI agents like Claude to interact with Figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a WebSocket relay and Figma plugin.

An MCP server that enables AI assistants to interact with Figma designs for tasks like reading document info, creating elements, and managing auto layouts. It facilitates real-time design automation via a custom Figma plugin and WebSocket server integration.

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

Enables users to create, validate, view, and export system stock-and-flow maps from a versioned JSON model through MCP-capable hosts over local stdio or hosted Streamable HTTP. Supports causal-loop and nested-level mapping while keeping submitted model content with the caller and requiring no LLM provider key.

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 users to start from a seed host, traverse CDP/LLDP neighbor evidence and device information over SSH, and produce an editable Draw.io topology diagram plus supporting evidence for engineer review. It supports explicit host/CIDR scoping, bounded depth and device counts, strict host-key checks, and a read-only command policy, with an offline simulated demo.

Enables auditing and drafting of AI agent files (CLAUDE.md, AGENTS.md, Cursor rules) and turning project descriptions into full build specs, with local and API-based tools.

Enables AI assistants to query a locally analyzed repository for architecture, symbols, dependencies, impact, data lineage, and code context through read-only tools. It uses a prebuilt index within a fixed repository scope and does not call a model.

Enables AI assistants to manage architectural decisions through CRUD operations integrated with a GraphQL backend and SAP/LeanIX fact sheets. It provides tools for creating, reading, updating, and deleting ADL entries to maintain a structured history of technical choices.

A Model Context Protocol (MCP) server that provides tools for interacting with OpenROAD and ORFS (OpenROAD Flow Scripts).

Validates and renders declarative JSON diagram specs to themeable SVG. The format has no coordinates, so a model writes structure and the renderer does the layout; tools: validate, render, kinds.

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.

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.

Enables agents to turn short specs, Mermaid, or CSV data into laid-out SVG diagrams and charts, and to validate and audit the result for overlapping labels, arrows through boxes, and spilling text before showing it to anyone. Exposes render, describe, validate, audit, export, and infer tools so drawings can be generated, checked, and converted to formats like PNG, PDF, draw.io, and Excalidraw.

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.

Enables desktop MCP clients to launch a local connector that renders Mermaid flowcharts from an AI assistant into a browser-based reader served on localhost. Users can explore a diagram step by step, inspect a step's incoming and outgoing connections, read relationships as text, and save the Mermaid source.

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.

Lets Claude Code, Cursor, VS Code and other AI agents draw and edit draw.io diagrams from your project's files, on a live browser canvas you can also edit by hand. Includes version history, undo, cloud shape libraries (AWS, Azure, GCP) and PNG or SVG export.

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.

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.

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.

MCP server for rendering 35+ diagram types — sequence, flowchart, ER, C4, gantt, mindmap, infra, and more — to SVG/PNG with browser preview. Local rendering with palette/theme support and shareable diagrammo.app URLs.

Enables MCP agents to validate architecture descriptions and scaffold complete, interactive React Flow diagram applications with multiple visual dialects, themes, exports, and verification probes.