GitHub Style Markdown Preview MCP App
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., "@GitHub Style Markdown Preview MCP Apppreview this markdown content with GitHub styling"
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.
GitHub Style Markdown Preview MCP App
GitHub Flavored Markdown (GFM) preview as an MCP App.
Docs: https://modelcontextprotocol.io/docs/extensions/apps
Usage
npm run build # Build UI and server
npm run serve # Start server on http://localhost:3001/mcp
npm run dev # Build & serve with watch modeRelated MCP server: GitHub MCP Server
Connect to Claude
Start the tunnel:
npx cloudflared tunnel --url http://localhost:3001Copy the generated URL (e.g.,
https://random-name.trycloudflare.com)In Claude web, go to Settings > Connectors > Add custom connector
Enter the URL with
/mcppath:https://<your-url>.trycloudflare.com/mcp
Packages
Dependencies
Package | Description |
| MCP Apps SDK (server + client) |
| MCP SDK core |
| React UI framework |
| Markdown renderer for React |
| GitHub Flavored Markdown plugin |
| GitHub style CSS |
| HTTP server |
| Schema validation |
Dev Dependencies
Package | Description |
| Build tool |
| Bundle into single HTML |
| Vite React plugin |
| Server bundler |
| Run multiple commands |
| Cross-platform env vars |
| TypeScript execution |
| TypeScript compiler |
Files
File | Description |
| Entry point (HTTP/stdio transport) |
| MCP server with |
| UI entry point |
| React app using |
| Markdown component with GFM support |
| GitHub markdown styling |
| Vite bundler config |
| TypeScript config |
| Server build config |
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- AlicenseBqualityDmaintenanceProvides tools for interacting with GitHub's API through the MCP protocol, allowing users to create repositories, push content, and retrieve user information.Last updated3211MIT
- Flicense-qualityDmaintenanceEnables interaction with GitHub repositories through the GitHub API using fastMCP. Supports repository information retrieval and management with secure token-based authentication.Last updated
- AlicenseBqualityCmaintenanceEnables code review operations on GitHub and GitLab, including fetching pull/merge requests, viewing diffs, adding comments, analyzing code quality, and creating merge requests directly from your MCP client.Last updated15494MIT
- Alicense-qualityAmaintenanceNative macOS markdown previewer. Opens files and renders markdown content in a live preview window directly from your AI tools.Last updated36MIT
Related MCP Connectors
MCP-native collaborative markdown editor with real-time AI document editing
Markdown utilities MCP.
A Model Context Protocol (MCP) application for automated GitHub PR analysis and issue management.…
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/soukadao/ghdoc-mcp-app'
If you have feedback or need assistance with the MCP directory API, please join our Discord server