preview_fileLABSCO SUMMARY
For the file on disk, not the page on the network.
Most screenshot servers want a URL. This one takes a path, which is the case that comes up when you have just generated an HTML file and want to know whether it looks right before shipping it. The structure counts are the cheaper half — they answer "did the headings survive" without pulling the whole document into context.
What it is
A two-tool server for looking at HTML files on disk. It renders the file in a real browser so local stylesheets and resources resolve, and it can report the document's structure without you reading the markup.
What you get
- preview_file takes a filePath and captures a full-page screenshot with the file's CSS applied, returning the HTML content alongside it
- Optional width and height control the viewport for that capture
- Screenshots are written to a screenshots directory in the project folder rather than only being returned inline
- analyze_content takes a filePath and returns counts of headings, paragraphs, images and links
Requirements
The npm package mcp-file-preview, version 1.0.0, built from a checkout with npm run build and launched as node build/index.js. It renders through Puppeteer, so a Chromium download happens on install. No account or key.
Setup effort
Build from source — git clone https://github.com/seanivore/mcp-file-preview.git
USE CASES
01
Checking a generated page before you ship it
Render the local file with its stylesheet and look at the result.
02
Seeing how it behaves at a different width
Viewport width and height are parameters on the capture.
03
Confirming the document has what it should
Counts of headings, paragraphs, images and links, without reading the markup.
2 tools
Listed in project docs. Your client may show a different list.
analyze_contentBEFORE YOU INSTALL
What to know first
Tools you get
2 tools named in the project's documentation.
Where it runs
Both documented clients run the server on your machine.
INSTALLATION
Connect your client
You clone and build this one yourself.
Server setup
TERMINAL
git clone https://github.com/seanivore/mcp-file-preview.git
cd mcp-file-preview
npm install
npm run buildMCP Clients
Claude Desktop, Cline
JSON
{
"mcpServers": {
"file-preview": {
"command": "node",
"args": [
"<YOUR_PATH_TO_MCP_FILE_PREVIEW>/build/index.js"
]
}
}
}
