"Chrome DevTools - Browser Developer Tools & Debugging Resources" matching MCP servers:

Enables AI agents to inspect and edit Three.js scenes, materials, shaders, lights, animations, and performance in real time, preview changes live in the browser, capture frames, and turn approved changes into code. It supports vanilla Three.js and React Three Fiber across WebGL/WebGPU without modifying the project.

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 coding agents to search and retrieve 500+ production-ready React and Tailwind UI sections, page recipes, and brand-styled components over MCP, along with imagery and social post templates.

Enables color conversion between HEX/RGB/HSL/HSV/CMYK, palette generation, WCAG contrast checking, color mixing/adjustment, and CSS gradient creation for AI agents.

Provides AI assistants with frontend development tools including component scaffolding, bundle analysis, accessibility checks, and responsive design guidance. Enables automated generation of React components with tests and stories, bundle optimization recommendations, and WCAG compliance fixes.

Enables rigging, animation, and VFX workflows for Roblox through an MCP-compatible chat client, connecting Blender and Roblox Studio for tasks like skeleton fitting, keyframe editing, particle effects, and FBX export.

A comprehensive MCP server for Vue component development and Figma design restoration, featuring snapDOM-powered screenshots, pixel-perfect visual comparison, and automated SVG optimization.

Enables conversion of Figma designs into frontend code (React, Vue, HTML, etc.) with high fidelity, including design tokens, assets, and responsive layout. Integrates with AI editors via MCP for a seamless design-to-code workflow.

Aggregates GitHub, GitLab, and Figma development tools via MCP, enabling file access, code search, and design inspection. Also supports executing standalone tasks with Claude Code or Codex CLI.

Enables coding agents like Cursor to access Figma design data, fetch layout and styling information, and implement designs in any framework.

Enables AI coding agents such as Cursor to access simplified Figma layout and styling data from file, frame, or group links so they can implement designs more accurately in code.

Enables read-only access to Figma files, nodes, styles, and image assets via the Figma REST API for any MCP client, using your own personal access token.

Enables AI assistants to create and edit pixel art and animated sprites in Aseprite through 104 tools covering drawing, layers, animation, palettes, tilemaps, exports, visual analysis, and raw Lua scripting.

Enables AI assistants to control Aseprite for creating pixel art and animated sprites, with 104 tools covering canvas, drawing, animation, palettes, effects, and more.

A Python MCP server that gives AI assistants full control over Aseprite for creating pixel art and animated sprites. It provides 104 tools across 17 categories for canvas, drawing, layers, animation, palettes, effects, and more.

Enables Claude Code and Claude Desktop to control Adobe Photoshop on Windows through high-level, tested tools for non-destructive object cutouts, dismissing hint popups that block scripting, and related automation.

Provides AI-powered tools for UX/UI review, web component generation, and code refactoring using Google Gemini.

Enables AI agents to diagnose, modify, and validate OTF/TTF fonts interactively through a set of read-only, write, and validation tools.

Enables searching, indexing, linking, and downloading 2000+ open-source fonts from fontsource.org, with support for font subsets, weights, styles, variable fonts, and CSS integration.