Skippr Extension MCP Server

Skippr Extension MCP Server acts as a bridge between product issues identified by Skippr's browser extension. Built upon MCP, it enables your coding agent to discover, understand, and fix issues such as UX inconsistencies, accessibility violations, and product quality problems seamlessly.

Key Features

Natural language interaction: Fix product issues using intuitive, conversational commands with your AI coding agent.
Seamless integration: Works with Claude Code, Cursor, Copilot, and other MCP-compatible coding assistants.
Real-time issue sync: Automatically receives issues from Skippr's browser extension as you review your product.
AI-powered reviews: Get insights from specialized AI agents that review your product like a PM, designer, content strategist, and accessibility expert would.
Context-rich details: Each issue includes actionable prompts, element metadata, and suggested fixes.
Project-based organization: Manage multiple projects with isolated issue tracking.

Prerequisites

Before setting up the Skippr MCP server, ensure you have:

An MCP Coding Agent Client application (Claude Code, Cursor, VS Code, etc.)
Node.js >= v22.x
Skippr Chrome Extension installed and configured

Installation

Install in Claude Code

Run this command in your terminal. See Claude Code MCP docs for more info.

Claude Code Local Server Connection

claude mcp add skippr-extension-mcp -- npx -y @skippr/extension-mcp-server

After installation, the Skippr Extension MCP server will be available in your Claude Code sessions. You can start using natural language commands to interact with your product issues.

Install in Cursor

Go to: Settings -> Cursor Settings -> MCP -> Add new global MCP server

Paste the following configuration into your Cursor ~/.cursor/mcp.json file. You may also install in a specific project by creating .cursor/mcp.json in your project folder. See Cursor MCP docs for more info.

Cursor Local Server Connection

{
  "mcpServers": {
    "skippr-extension-mcp": {
      "command": "npx",
      "args": ["-y", "@skippr/extension-mcp-server"]
    }
  }
}

After adding the configuration, restart Cursor to activate the MCP server.

Install in VS Code + Copilot

Add the following to your VS Code settings.json file (accessible via Command Palette > Preferences: Open User Settings (JSON)). See VS Code MCP docs for more info.

"mcp": {
  "servers": {
    "skippr-extension-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@skippr/extension-mcp-server"]
    }
  }
}

After adding the configuration, reload VS Code to activate the MCP server.

Usage Examples

Once installed, interact with Skippr using natural language commands in your coding assistant:

Show me all high-severity accessibility issues in my project
List all unresolved UX issues for the latest review
Get details for issue abc-123 and help me fix it
What product issues do I have across all my projects?

Support

For questions, technical support, or feedback:

Email: contact@skippr.ai
Website: https://skippr.ai

Key Features

Natural language interaction: Fix product issues using intuitive, conversational commands with your AI coding agent.

Seamless integration: Works with Claude Code, Cursor, Copilot, and other MCP-compatible coding assistants.

Real-time issue sync: Automatically receives issues from Skippr's browser extension as you review your product.

AI-powered reviews: Get insights from specialized AI agents that review your product like a PM, designer, content strategist, and accessibility expert would.

Context-rich details: Each issue includes actionable prompts, element metadata, and suggested fixes.

Project-based organization: Manage multiple projects with isolated issue tracking.