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
extentos
Asger mølgaardExtentos is a multi-vendor development platform for adding smart-glasses capabilities to existing iOS and Android apps. The simplest analogy is Stripe for smart glasses:
PuzzleTide Puzzle Generator
Caravaca-LabsWord search generator, crossword generator, and sudoku generator + solver as a local-first MCP server. 15 deterministic tools: printable PDF puzzle worksheets, themed word banks, and verifiable LLM evals. From the makers
OpenSumi
opensumiA framework helps you quickly build AI Native IDE products. MCP Client, supports Model Context Protocol (MCP) tools via MCP server.
BetterBugs
BetterBugsThe BetterBugs MCP (Model Context Protocol) enables you to load BetterBugs bug reports (via report links) directly to your preferred AI Agents and developer environments with MCP Client capabilities (such as Cursor, VS C
OrangePro
Aamir SiddiquiOrangePro local-first CLI + MCP server for behavior mapping, grounded test generation, and dynamic proof.
Comments