Resize MCP Server

Polyfills the ResizeObserver API and supports box size options from the latest spec

Local serverstdio

What is the Resize MCP Server?

Polyfills the ResizeObserver API and supports box size options from the latest spec

What the server does

A minimal library which polyfills the ResizeObserver API and is entirely based on the latest Specification.

  • Inbuilt resize loop protection
  • Supports pseudo classes :hover, :active and :focus
  • Supports transitions and animations, including infinite and long-running
  • Detects changes which occur during animation frame
  • Includes support for latest draft spec - observing different box sizes
  • Polls only when required, then shuts down automatically, reducing CPU usage

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

How to install the Resize MCP Server

{
  "mcpServers": {
    "observer": {
      "command": "npx",
      "args": ["-y", "@juggle/resize-observer"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • “Use Resize to Desktop.”
  • “Use Resize to Mobile.”

Frequently asked questions

Polyfills the ResizeObserver API and supports box size options from the latest spec Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.