Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Skippr Extension MCP Server Show me all high-severity accessibility issues in my project"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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
Run this command in your terminal. See Claude Code MCP docs for more info.
Claude Code Local Server Connection
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.
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
After adding the configuration, restart Cursor to activate the MCP server.
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.
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 projectList all unresolved UX issues for the latest reviewGet details for issue abc-123 and help me fix itWhat product issues do I have across all my projects?
Support
For questions, technical support, or feedback:
Email: contact@skippr.ai
Website: https://skippr.ai
© 2025 Skippr - Released under MIT License