Code Snippet Image Mcp Server
@suhaibkhan
About Code Snippet Image Mcp Server
An MCP (Model Context Protocol) server that generates beautiful code snippet images to post to social media.
Basic information
Config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"code-snippet-image-mcp-server": {
"command": "npx",
"args": [
"-y",
"code-snippet-image-mcp-server",
"/custom/output/directory"
]
}
}
}Tools
1Generate a beautiful code snippet image with syntax highlighting and styling
Overview
What is Code Snippet Image MCP Server?
It is an MCP server that converts code snippets into beautiful images. It integrates with any MCP-compatible client and is intended for developers who want to share or present code in a visually appealing format.
How to use Code Snippet Image MCP Server?
Add the server to your MCP configuration file using the npx -y code-snippet-image-mcp-server command, optionally specifying a custom output directory. The server provides the create_code_image tool with parameters for code, language, theme, title, dimensions, padding, background color, and line numbers.
Key features of Code Snippet Image MCP Server
- Generate beautiful code snippet images
- Syntax highlighting with multiple programming languages
- Customizable color themes (default: dracula)
- Adjustable image width, height, and padding
- Toggle line number visibility
Use cases of Code Snippet Image MCP Server
—
FAQ from Code Snippet Image MCP Server
What programming languages are supported for syntax highlighting?
The language parameter accepts any language identifier supported by the underlying highlighter; the default is "javascript".
What themes are available?
The theme parameter allows any valid theme name; the default is "dracula".
Where are the generated images saved?
The images are saved to the custom output directory specified as the command-line argument when starting the server.
Does the server require Node.js?
Yes, because it is run via npx, Node.js must be installed on the system.
How can I change the output directory?
Pass the desired directory path as the first argument in the args array of the MCP configuration (e.g., "/custom/output/directory").
More Developer Tools MCP servers
Stakpak Agent CLI
stakpakShip your code, on autopilot. An open source agent that lives on your machines 24/7 and keeps your apps running. 🦀
MCP Unity Editor (Game Engine)
CoderGamesterModel Context Protocol (MCP) plugin to connect with Unity Editor — designed for Cursor, Claude Code, Codex, Windsurf and other IDEs
Huoshan Test
volcengine
MCP-Bridge
SecretiveShellA middleware to provide an openAI compatible endpoint that can call MCP tools
mcp-excalidraw
yctimlinMCP server and Claude Code skill for Excalidraw — programmatic canvas toolkit to create, edit, and export diagrams via AI agents with real-time canvas sync.
Comments