How do I install the mcp file preview mcp server?

Use a recorded configuration for your client, replace example credential values and paths, and verify the documented runtime. Restart or reconnect the client, then inspect the available tools.

SSyncDev

Start a project

MCP File Preview MCP Server

MCP server for previewing local HTML files and capturing screenshots

Local serverstdioTypeScript

What is the MCP File Preview MCP Server?

MCP server for previewing local HTML files and capturing screenshots

What it actually does

A Model Context Protocol (MCP) server that provides HTML file preview and analysis capabilities. This server enables capturing full-page screenshots of local HTML files and analyzing their structure.

File Preview — Capture full-page screenshots of HTML files with proper CSS styling
Content Analysis — Analyze HTML structure (headings, paragraphs, images, links)
Local File Support — Handle local file paths and resources
Screenshot Management — Save screenshots to a dedicated directory

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.

Recorded tools

Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.

Tool	What it does
preview_file	Captures a screenshot and returns HTML content: typescript <use_mcp_tool> <server_name>file-preview</server_name> <tool_name>preview_file</tool_name> <arguments> { "filePath": "/path/to/file.html", "width": 1024, // opti
analyze_content	Analyzes HTML structure: typescript <use_mcp_tool> <server_name>file-preview</server_name> <tool_name>analyze_content</tool_name> <arguments> { "filePath": "/path/to/file.html" } </arguments> </use_mcp_tool>

How to install the MCP File Preview MCP Server

{
  "mcpServers": {
    "file-preview": {
      "command": "node",
      "args": [
        "/path/to/mcp-file-preview/build/index.js"
      ]
    }
  }
}

From the project documentation. Replace placeholders and example paths before connecting.

Example prompts to try

“Use MCP File Preview to preview file.”
“Use MCP File Preview to analyze content.”

Frequently asked questions

MCP server for previewing local HTML files and capturing screenshots Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.