CtrlK
BlogDocsLog inGet started
Tessl Logo

mcollina/snipgrapher

Configures and uses snipgrapher to generate polished code snippet images, including syntax-highlighted PNGs, SVGs, and WebP exports with custom themes, profiles, and styling options. Use when the user wants to create code screenshots, turn code into shareable images, generate pretty code snippets for docs or social posts, produce syntax-highlighted images from source files, or explicitly mentions snipgrapher. Supports single-file renders, batch jobs, watch mode, and reusable named profiles via the snipgrapher CLI or npx.

88

1.38x
Quality

95%

Does it follow best practices?

Impact

79%

1.38x

Average score across 5 eval scenarios

SecuritybySnyk

Advisory

Suggest reviewing before use

Overview
Quality
Evals
Security
Files

Evaluation results

90%

83%

Bulk Code Snippet Export for a Changelog Release

Criteria
Without context
With context

Batch subcommand used

0%

100%

Glob pattern used

0%

100%

Output directory specified

0%

100%

Concurrency specified

0%

100%

JSON manifest flag used

0%

100%

Manifest file path specified

0%

100%

Config initialized before batch

0%

0%

npx fallback present

0%

100%

Commands documented

100%

100%

100%

21%

Automated Snippet Rendering in a Multi-Environment CI Pipeline

Criteria
Without context
With context

Correct precedence order stated

100%

100%

SNIPGRAPHER_THEME env var used

100%

100%

SNIPGRAPHER_FORMAT env var used

100%

100%

SNIPGRAPHER_PROFILE env var referenced

37%

100%

Env vars assigned per-environment

100%

100%

CLI flags for local override

100%

100%

Config has top-level defaults

100%

100%

Config has defaultProfile

0%

100%

Config has profiles map

0%

100%

Env vars described as CI-wide

100%

100%

Valid config filename

100%

100%

100%

6%

Setting Up Code Snippet Rendering for a Developer Blog

Criteria
Without context
With context

Init command used

75%

100%

Config file name valid

100%

100%

Config has theme field

100%

100%

Config has fontFamily field

100%

100%

Config has fontSize field

100%

100%

Config has padding field

100%

100%

Config has lineNumbers field

100%

100%

Config has windowControls field

100%

100%

Config has backgroundStyle field

100%

100%

Config has format field

100%

100%

Config has shadow field

100%

100%

Config has defaultProfile field

100%

100%

Config has profiles map

100%

100%

Doctor command included

100%

100%

Themes list command included

100%

100%

npx fallback present

33%

100%

93%

50%

Onboarding Script for Snippet Generation on a New Developer Machine

Criteria
Without context
With context

npx --yes fallback used

0%

100%

Config initialized before render

0%

30%

Named profile used

0%

100%

Explicit output path with extension

100%

100%

Output verified after render

0%

100%

Commands logged to file

100%

100%

Output paths logged to file

100%

100%

Input file referenced

100%

100%

Doctor or themes list run

0%

100%

90%

30%

Creating a Highlighted Code Snippet Image for Documentation

Criteria
Without context
With context

Config initialized first

0%

0%

Named profile used

0%

100%

Explicit output path

33%

100%

PNG format produced

100%

100%

Output verified after render

100%

100%

Commands logged

100%

100%

Output paths logged

100%

100%

npx fallback present

0%

100%

Input file used

100%

100%

Evaluated
Agent
Claude
Model
claude-opus-4-7

Table of Contents