slide-review-mcp

slide-review-mcp

Local MCP server for collecting visual review feedback from a live local HTTP preview target. It serves a browser Review UI, stores region annotations, and exposes finalized review sessions to agents through MCP tools.

Category
Visit Server

README

Slide Review MCP

Local MCP server for collecting visual review feedback from a live local HTTP preview target.

It starts or connects to a local preview, serves a browser Review UI, stores Region Annotations in the reviewed project's .review-mcp/ directory, and exposes the finalized Review Session back to agents through MCP tools.

Install From GitHub

git clone https://github.com/liangming99/slide-review-mcp.git
cd slide-review-mcp
npm install
npm run build

Configure your MCP client to run the built stdio server:

{
  "mcpServers": {
    "slide-review": {
      "command": "node",
      "args": ["/absolute/path/to/slide-review-mcp/dist/src/mcpServer.js"]
    }
  }
}

You can also run it directly from GitHub with npx:

npx -y github:liangming99/slide-review-mcp

Tools

  • start_review_session: start a Review Session for a local preview URL or preview command.
  • wait_for_review_submission: wait until the user finalizes the Review Session.
  • stop_review_session: stop a preview process started by this service.
  • list_review_sessions: list stored Review Sessions for a project.
  • read_review_session: read Review Session metadata and annotation summaries.
  • read_annotation_asset: read a saved annotation asset by id.
  • export_review_session: export a Review Session as a ZIP archive.
  • start_follow_up_review_session: open another feedback round from a finalized session.

Example

Start a local app first, or let the MCP tool start it:

{
  "projectDir": "D:\\project\\my-slide-deck",
  "previewUrl": "http://127.0.0.1:5173/slides.html#slide-1",
  "sessionName": "Design review"
}

The tool returns a reviewUrl. Open that URL, select regions, add comments, optional replacement text, or image Reference Assets, then finalize. The agent should then call wait_for_review_submission or read_review_session.

Scope

Supported in this MVP:

  • Local HTTP/HTTPS Preview Targets on loopback hosts.
  • Comment, Text Revision, and Visual Reference annotations.
  • Image Reference Assets: PNG, JPEG, WebP, GIF, SVG.
  • Project-local Session Store under .review-mcp/sessions/.
  • Open and finalized Review Session states.
  • Same-origin HTTP proxy and best-effort WebSocket proxy.
  • ZIP export with JSON data, summary markdown, and annotation assets.

Not supported:

  • Remote production websites.
  • file:// Preview Targets.
  • Login-state reuse.
  • Automatic source-code application.
  • Multi-user collaboration or threaded comments.
  • Non-image Reference Assets.

Current snapshot limitation: Annotation Snapshot assets are placeholder SVGs that preserve the normalized rectangle, frame size, and URL. They are not real page-pixel screenshots yet.

Development

npm run check
npm run demo

npm run check builds TypeScript and runs the Vitest integration suite.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured