"Understanding Browser Usage and Functionality" matching MCP servers:

A powerful MCP server for UI designers and developers to extract, analyze, and clone website front-end code (HTML, CSS) with pixel-perfect accuracy using browser automation.

MCP server that extracts accessibility tree, design tokens, screenshots, Claude DSL, and Figma JSON from any URL using a persistent Chromium browser with zero LLM cost.

Enables driving Inkscape headlessly from an MCP client, with verified SVG editing, rendering, optimization, and animation tools.

MCP server exposing KiCad PCB Editor functionality via IPC API.

Enables developers to extract and organize Figma design files, including complete node data (tree structure and images) for AI understanding and code generation.

Enables AI assistants to interact with the Cocos Creator editor through the Model Context Protocol, providing 50 core tools for editor functionality.

This server enables AI to match Figma design nodes with React components from Storybook and generate usage code examples, facilitating design-to-code workflows.

Provides component information, usage guidelines, and code generation for AWS Cloudscape Design System in React, with search and pattern library capabilities.

Enables reading, writing, and validating .tldr files for tldraw, a headless implementation without browser dependencies.

MCP server for design tokens that gives AI agents read access to design systems, enabling token resolution, listing, and component usage lookups via natural language.

An MCP server that provides AI tools with deep understanding of WireUI v2.x components and comprehensive icon support for Heroicons and Phosphor Icons.

Exposes SigmaUI Design System components to AI assistants, providing tools for component documentation, search, usage examples, and design tokens to accelerate Vue 3 and Nuxt 3 UI development.

An MCP server that renders rich HTML widgets directly in ChatGPT for conference information. It provides schedule, speakers, and talk search functionality with themed UI components.

Gives AI coding assistants live access to the Hyperiux Vault catalog of React and Next.js animation effects. Search effects, inspect dependencies and installation instructions, and retrieve source for free effects.

Enables AI agents to manage routes on the Design Canvas infinite canvas app, including adding, removing, listing routes, and capturing screenshots of the canvas.

MCP server for creating and editing diagrams using draw.io. Allows generating diagrams from Mermaid or XML, searching shapes, and opening them in draw.io for export.

MCP server that turns AI into an SVG artist. One rendering engine with a rich JSON schema, AI controls all design parameters. Renders animated SVGs with CSS @keyframes and SMIL animations. Supports 16+ element types, parametric curves, pattern groups, gradient/filter/clip/mask definitions, and PNG preview. No external dependencies, runs locally via npx.

Search 161,000+ free hand-drawn Infyicon icons in four matching styles and fetch ready-to-embed SVG markup or PNG URLs, plus CSS class lookup for the 61,000-glyph Infyicon UI webfont. Free with attribution, no API key required.

Analyzes and extracts design tokens, assets, and layout from live websites to enable AI clients to faithfully replicate them, with tools for screenshotting, component inspection, and pixel-diff verification.

A bridge allowing AI agents to control Archicad projects via dynamically generated tools from the Tapir and official Archicad JSON APIs.