MoussaabBadla/code-screenshot-mcp

MCP server for generating beautiful code screenshots directly from Claude

52
/ 100
Established

This tool helps developers quickly create visually appealing images of their code or code changes, directly from within the Claude AI environment. You provide code snippets, file paths, or even Git differences as input, and it outputs professional-looking, syntax-highlighted code screenshots with various themes. It's designed for developers who want to share code examples or show off changes in a clear, polished format.

Available on npm.

Use this if you need to generate stylish, readable images of code, specific file sections, or Git diffs for documentation, presentations, or sharing with colleagues without leaving your Claude environment.

Not ideal if you primarily need to generate code images for web pages or platforms that offer built-in code formatting, or if you don't use Claude AI as your primary development assistant.

code-sharing developer-tools technical-documentation git-workflow code-presentation
Maintenance 6 / 25
Adoption 8 / 25
Maturity 22 / 25
Community 16 / 25

How are scores calculated?

Stars

44

Forks

8

Language

TypeScript

License

MIT

Last pushed

Nov 06, 2025

Commits (30d)

0

Dependencies

4

Get this data via API

curl "https://pt-edge.onrender.com/api/v1/quality/mcp/MoussaabBadla/code-screenshot-mcp"

Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.