MCP 服务器

Skippr Extension MCP Server

Enables AI coding agents to discover, understand, and fix product issues (UX inconsistencies, accessibility violations, quality problems) identified by Skippr's browser extension through natural language commands.

README

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

<details> <summary>Install in Claude Code</summary>

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.

</details>

<details> <summary>Install in Cursor</summary>

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.

</details>

<details> <summary>Install in VS Code + Copilot</summary>

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"]
    }
  }
}