# Code Screenshot Generator

> Use this tool when you need to create visually appealing code screenshots with syntax highlighting for documentation, social media, or presentations. It solves the problem of sharing code snippets in a readable and professional format, supporting 20+ programming languages and 5 themes. It takes in code strings, file paths, or git diffs and outputs customizable PNG screenshots with options for window controls, line numbers, and theming.

Canonical page: https://skillsregistry.net/skills/moussaabbadla-code-screenshot  
JSON: https://api.skillsregistry.net/v1/skills/moussaabbadla-code-screenshot

## Description

A code screenshot generator MCP server developed by Moussaab Badla that creates beautiful, syntax-highlighted code images directly from Claude conversations. Built with Playwright and Highlight.js, it supports 5 professional themes (Dracula, Nord, Monokai, GitHub Light/Dark), automatic language detection for 20+ programming languages, and offers versatile input methods including direct code strings, file paths with line range selection, git diff visualization, and batch processing of multiple files. The implementation generates PNG screenshots with customizable styling including window controls, line numbers, and professional theming, making it useful for creating documentation, sharing code snippets on social media, or generating visual code examples for presentations and tutorials.

## Trust

- **Trust score (0–1):** 0.64
- **Verification tier:** scanned
- **Last scanned:** 2026-09-02

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** version-control
- **Updated:** 2026-09-02

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/moussaabbadla-code-screenshot)
- **Repository:** <https://github.com/moussaabbadla/code-screenshot-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "moussaabbadla-code-screenshot"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/moussaabbadla-code-screenshot` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/moussaabbadla-code-screenshot/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt