code-screenshot-mcp

by MoussaabBadla · TypeScript · ★ 44

MCP server for generating beautiful code screenshots directly from Claude

#claude-code#codescreenshot#mcp#mcp-server

Install

npx -y github:MoussaabBadla/code-screenshot-mcp

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "code-screenshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "github:MoussaabBadla/code-screenshot-mcp"
      ]
    }
  }
}

From the README

> MCP server for generating beautiful code screenshots directly from Claude [](https://www.npmjs.com/package/code-screenshot-mcp) [](https://www.npmjs.com/package/code-screenshot-mcp) [](https://opensource.org/licenses/MIT) [](https://www.typescriptlang.org/) [](https://modelcontextprotocol.io/) A Model Context Protocol (MCP) server that enables Claude to generate syntax-highlighted code screenshots with professional themes. Supports direct file reading, line selection, git diff visualization, and batch processing. - **5 Professional Themes**: Dracula, Nord, Monokai, GitHub Light, GitHu…

Read full README on GitHub →