Skip to main content
Glama

Browser Tools MCP Extension

by Winds-AI

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault

No arguments

Schema

Prompts

Interactive templates invoked by user choice

NameDescription

No prompts

Resources

Contextual data attached and managed by the client

NameDescription

No resources

Tools

Functions exposed to the LLM to take actions

NameDescription
browser.network.inspect

Inspect recent browser network requests (DevTools-like). Use for debugging HTTP failures (4xx/5xx), payloads, and request sequences. Note: This captures network errors that console tools miss.

api.listTags

List all API tags with operation counts (from Swagger/OpenAPI).

browser.screenshot

Capture current browser tab; saves to structured path and returns image. Requires extension connection with DevTools open.

ui.inspectElement

Enhanced UI Debugging Context Tool - Gets comprehensive debugging information for the element selected in browser DevTools.

Prerequisite: DevTools open, element selected in Elements panel.

Returns:

  • Computed CSS styles - All applied styles for layout debugging
  • Parent/child context - Understanding element relationships and layout flow
  • Layout debugging info - Automatic detection of common CSS issues with actionable suggestions
  • Accessibility audit - ARIA attributes, focus management, semantic information
  • Interactive state - Hover, focus, click handlers, event listeners
  • Material-UI context - Component type, variants, theme integration (when applicable)
  • Performance hints - Large images, deep nesting, optimization opportunities

Autonomous AI Usage: This tool provides enough context to understand and fix UI issues without additional tool calls. Use the layoutDebug.issues and layoutDebug.suggestions arrays for immediate actionable insights.

Best used in workflow: Screenshot → Select Element → Enhanced Inspect → Apply Fixes

api.request

Execute a live HTTP request to API_BASE_URL; optionally include an Authorization bearer token retrieved from configured browser storage. Use after 'api.searchEndpoints' or for known endpoints.

api.searchEndpoints

Semantic API documentation search returning essential info: path, method, params (GET), request body (POST/PUT/PATCH/DELETE), and success responses. If schemas are missing, suggests using 'api.request' for live testing.

browser.navigate

Navigates the current active browser tab to a new URL. Use for automated testing, navigation flows, or redirecting to specific pages. Requires Chrome extension to be connected.

Route Reference: ROUTES_FILE_PATH variable is not set so make sure you know the routes to use

browser.console.read

Read browser console logs with filters; returns formatted summary + stats. Use for JS errors/warnings/logs. Note: Does not include HTTP failures (use 'browser.network.inspect').

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/Winds-AI/Frontend-development-MCP-tools-public'

If you have feedback or need assistance with the MCP directory API, please join our Discord server