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
- Flicense-qualityDmaintenanceEnables interaction with GitHub repositories through the GitHub API using fastMCP. Supports repository information retrieval and management with secure token-based authentication.
- Alicense-qualityDmaintenanceEnables GitHub API integration via MCP, allowing search, repository details, file contents, and issue management.571ISC
- Flicense-qualityDmaintenanceEnables managing GitHub repositories, files, and user information through MCP, with support for creating, updating, and deleting repository contents, as well as fetching user profiles.1
- Alicense-qualityCmaintenanceTurns GitHub Discussions into interactive, read-only briefs inside an MCP host, surfacing participants, questions, and thread maps without mutating GitHub state.MIT
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