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.
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").
Frequently asked questions
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"`).
Basic information
More Developer Tools MCP servers
Hello World MCP Server (Reference Extension)
anthropicsDesktop Extensions: One-click local MCP server installation in desktop apps
Serena
oraiosA powerful MCP toolkit for coding, providing semantic retrieval and editing capabilities - the IDE for your agent
Huoshan Test
volcengineendoflife.ai
endoflife.aiFree MCP server for software end-of-life intelligence: EOL dates, support status, and the 0-100 EOL Risk Score across 485 tracked products. Agents can check a single version, pull a product's full lifecycle schedule, or
TranscriptFetch MCP Server
TranscriptFetchModel Context Protocol (MCP) server for TranscriptFetch: fetch YouTube transcripts, search, channels, and playlists from any MCP client.
Comments