Which integrations are available for this server?

Allows previewing how Markdown content will appear on the GitHub platform by utilizing GitHub Flavored Markdown (GFM) specifications and GitHub-style CSS. Provides a tool to render and preview Markdown documents, with specific support for GitHub Flavored Markdown (GFM) syntax and visual styling.

How do I use GitHub Style Markdown Preview MCP App?

1. Click on "Install Server". 2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state. 3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@GitHub Style Markdown Preview MCP App preview 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 into dist/mcp-app.html npm run serve # Start server on http://localhost:3001/mcp

Packages

Dependencies

Package	Description
`@modelcontextprotocol/ext-apps`	MCP Apps SDK (server + client)
`@modelcontextprotocol/sdk`	MCP SDK core
`react`, `react-dom`	React UI framework
`react-markdown`	Markdown renderer for React
`remark-gfm`	GitHub Flavored Markdown plugin
`github-markdown-css`	GitHub style CSS
`zod`	Schema validation

Dev Dependencies

Package	Description
`vite`	Build tool
`vite-plugin-singlefile`	Bundle into single HTML
`@vitejs/plugin-react`	Vite React plugin
`express`, `cors`	HTTP server
`tsx`	TypeScript execution
`typescript`	TypeScript compiler

Files

File	Description
`server.ts`	MCP server with `preview-markdown` tool
`mcp-app.html`	UI entry point
`src/mcp-app.tsx`	React app using `useApp` hook
`src/markdown.tsx`	Markdown component with GFM support
`src/global.css`	GitHub markdown styling
`vite.config.ts`	Vite bundler config
`tsconfig.json`	TypeScript config