Skip to directory

Blowback (Frontend Development)

esnark

stdio16+ documented tools3

About Blowback (Frontend Development)

Integrates with frontend development environments to provide real-time feedback and debugging capabilities through browser automation, capturing console logs, monitoring HMR events, and enabling DOM interaction without leaving the conversation interface.

What you can use it for

  • browser automation
  • developer tools
Connection and setup
Hosting
Local stdio process
Transport
stdio
Endpoint
Local process; no hosted endpoint documented
Authentication
No credentials were configured; the tested read-only tool “get-hmr-events” succeeded in an isolated environment. Other tools may have additional requirements.

Requirements

  • Node.js 18+
  • The npm package repository matched the repository linked from the public profile.

Setup steps

  1. npx -y blowback-context@1.1.1
Tools 16+

The server returned 16 tools in tools/list. Only “get-hmr-events” was invoked with a synthetic read-only input and succeeded.

  • how-to-use

    Description of how to use the server

    Parameters: section
    01
  • start-browser

    Creates a new browser context with an auto-generated unique ID

    Parameters: type, displayName, targetUrl, headless, viewport, tags, purpose
    02
  • list-browsers

    Lists all active browser instances

    Parameters: type, tags, includeStats
    03
  • close-browser

    Closes a specific browser instance

    Parameters: contextId
    04
  • get-context-info

    Gets detailed information about a specific browser instance

    Parameters: contextId
    05
  • get-context-stats

    Gets usage statistics for browsers

    Parameters: contextId
    06
  • get-hmr-events

    Retrieves recent HMR events

    Parameters: limit
    07
  • capture-screenshot

    Captures a screenshot of the current page or a specific element. Stores the screenshot in the MCP resource system and returns a resource URI. If ENABLE_BASE64 environment variable is set to 'true', also includes base64 encoded image in the response.

    Parameters: selector, url, contextId
    08
  • get-element-properties

    Retrieves properties and state information of a specific element

    Parameters: selector, properties
    09
  • get-element-styles

    Retrieves style information of a specific element

    Parameters: selector, styleProperties
    10
  • get-element-dimensions

    Retrieves dimension and position information of a specific element

    Parameters: selector
    11
  • monitor-network

    Monitors network requests in the browser for a specified duration

    Parameters: urlPattern, duration
    12
  • get-element-html

    Retrieves the HTML content of a specific element and its children with optional depth control

    Parameters: selector, includeOuter, depth
    13
  • get-console-logs

    Retrieves console logs from the development server

    Parameters: checkpoint, limit
    14
  • execute-browser-commands

    Executes a sequence of predefined browser commands safely. Available commands: - click: Clicks on an element matching the selector or at specified coordinates - type: Types text into an input element - wait: Waits for an element, a specified time period, or a condition - navigate: Navigates to a specified URL - select: Selects an option in a dropdown - check: Checks or unchecks a checkbox - hover: Hovers over an element - focus: Focuses an element - blur: Removes focus from an element - keypress: Simulates pressing a keyboard key - scroll: Scrolls the page or an element - getAttribute: Gets an attribute value from an element - getProperty: Gets a property value from an element - drag: Performs a drag operation from one position to another - refresh: Refreshes the current page Note on coordinates: For all mouse-related commands (click, drag, etc.), coordinates are relative to the browser viewport where (0,0) is the top-left corner. X increases to the right, Y increases downward. Exam

    Parameters: commands, timeout, contextId
    15
  • browser-evaluate

    Evaluates JavaScript code directly in the browser context and returns the result. Supports expressions, function strings, and complex code with automatic execution handling. Can target the entire page or work with element handles for precise DOM manipulation. Examples: - Simple expression: "document.title" - Arrow function: "() => document.querySelectorAll('a').length" - Regular function: "function() { return document.body.children.length; }" - Function with arguments: "(tag) => document.getElementsByTagName(tag).length" - Complex code: "() => { const divs = document.querySelectorAll('div'); return { count: divs.length, hasClass: divs[0]?.className }; }" - Async function: "async () => { const res = await fetch('/api'); return res.json(); }"

    Parameters: function, args, element, contextId, timeout, returnType
    16

This server’s available tools can vary by account, permissions, or configuration. The list shown is not its full runtime catalog.

Limitations and notes
  • Runtime verification covered one read-only tool call (get-hmr-events); other listed tools were not individually exercised.
Original sources
  • MCP.Directory public profile

    Name, description, publisher identifier, categories, transport, tool inventory, and install configuration.

  • Linked publisher repository

    Repository URL linked from the public profile; npm package repository metadata matched this GitHub repository.

  • npm registry metadata

    Published package version 1.1.1 checked before launch. Registry repository: git+https://github.com/ESnark/blowback.git.

Documentation checked 2026-10-28T00:00:00Z. Connection has not been runtime tested.