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.
MCP get_skill({ skillId: "snipgrapher-35fa4999" })Use this skill with your agent
Create a free account and connect via MCP
## When to use Use this skill when you need to: - Generate image snippets from source code - Configure reusable snippet rendering defaults - Batch-render snippet assets for docs, social posts, or changelogs - Use published `snipgrapher` from npm to generate snippet images ## Quick start Render a single file to a PNG immediately with no config required: ```bash npx snipgrapher render file.ts -o output.png ``` For ongoing use, initialise a project config first, then render: ```bash npx snipgrapher init # creates snipgrapher.config.json npx snipgrapher render file.ts --profile default -o output.png ``` After rendering, verify the output exists and is non-zero in size before treating the job as successful: ```bash ls -lh output.png # confirm file exists and size > 0 ``` ## How to use Read these rule files in order: - [rules/setup-and-configuration.md](rules/setup-and-configuration.md) - Install, select executable, initialize config, and define profiles - [rules/rendering-workflows.md](rules/rendering-workflows.md) - Render single snippets, batch jobs, watch mode, and output practices ## Core principles - **Configure first**: establish a project config before repeated renders - **Reproducible output**: prefer named profiles and explicit output paths - **Portable commands**: use command patterns that work with installed binaries and `npx` - **Automation-friendly**: rely on CLI flags/config/env precedence intentionally ## Troubleshooting common render failures If a render fails or produces an unexpected output, check for these common causes: - **Missing fonts**: ensure any custom font specified in the profile or config is installed on the system - **Unsupported syntax**: confirm the language/extension is supported by snipgrapher; fall back to plain text highlighting if not - **Empty or corrupt output**: re-run with `--verbose` (if supported) to surface error details, and verify the input file is readable and non-empty - **Profile not found**: run `npx snipgrapher init` to regenerate `snipgrapher.config.json` if the config file is missing or malformed
Related Skills
More skills in Design, Media & Creative
Ableton Lom
Ableton Live Object Model (LOM) API reference for Python Remote Scripts and control surface development.
Accessibility Compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.
Adobe Illustrator Scripting
Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX). Use when creating or modifying scripts that manipulate documents, layers, paths, text frames, colors, symbols, artboards, or any Illustrator DOM objects. Covers the complete JavaScript object model, coordinate system, measurement units, export workflows, and scripting best practices.
🎬 AI Cinema Director Skill
Direct high-fidelity cinematic video with AI — translates creative intent into technical cinematographic directives for Veo3, Kling, and Luma video models via muapi.ai
AI Clipping
Turn a long video into N viral-ready short clips with a single managed API call. Wraps muapi.ai's `/ai-clipping` endpoint, which handles transcription, highlight ranking through a virality framework (hook / emotional peak / opinion bomb / revelation / conflict / quotable / story peak / practical value), overlap dedupe, and vertical face-tracking auto-crop server-side. No local Whisper, no local LLM, no GPU.
AI Workflow Builder
Build, run, and visualize multi-step AI generation workflows. The AI architect translates natural language descriptions into connected node graphs — chain image generation, video creation, enhancement, and editing into automated pipelines.
Explore Other Categories
Skills from other categories with shared topics
Fastify Best Practices
Guides development of Fastify Node.js backend servers and REST APIs using TypeScript or JavaScript. Use when building, configuring, or debugging a Fastify application — including defining routes, implementing plugins, setting up JSON Schema validation, handling errors, optimising performance, managing authentication, configuring CORS and security headers, integrating databases, working with WebSockets, and deploying to production. Covers the full Fastify request lifecycle (hooks, serialization, logging with Pino) and TypeScript integration via strip types. Trigger terms: Fastify, Node.js server, REST API, API routes, backend framework, fastify.config, server.ts, app.ts.
Full Output Enforcement
Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output.
Judge
Reviewing code via multi-engine orchestration. Orchestrates parallel review via subagents with grounding verification, shipping only findings worth fixing. Default Claude + Codex (dual-engine); agy optional third axis. Use for PR review or pre-commit checks — detects bugs, vulnerabilities, logic errors, and intent misalignment. Complements Zen refactoring.