A command-line utility for generating professional-grade code snippet images in SVG, PNG, and WebP formats.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install snipgrapher
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install snipgrapher using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Snipgrapher?
Snipgrapher is a specialized utility designed to bridge the gap between source code and visual presentation. It enables developers to generate high-quality, polished images of their code directly from the command line, making it an essential addition to any developer's toolkit. As part of the Openclaw Skills library, it streamlines the creation of visual assets for documentation, social media sharing, and technical blog posts.
By utilizing Snipgrapher, teams can ensure consistent branding across their code visualizations through reusable configuration profiles. Whether you need a quick SVG for a readme or a batch of WebP images for a changelog, this skill provides a reliable, automation-friendly workflow that integrates seamlessly into modern development environments.
Snipgrapher Use Cases
- Generate visual snippet images from raw source code for technical documentation.
- Create reusable rendering profiles to maintain consistent branding across social media posts.
- Execute batch-rendering jobs for large-scale documentation updates or changelogs.
- Automate image generation within CI/CD pipelines using the CLI watch mode.
How Snipgrapher Works
- Initialize the project configuration to define default rendering styles and output formats.
- Select the preferred executable path, choosing between local installation or npx execution.
- Define specific profiles that dictate themes, fonts, and window styles for the snippets.
- Pass source code files or blocks to the renderer via CLI commands.
- Generate the output files in SVG, PNG, or WebP formats based on the configuration or flags.
Snipgrapher Setup
To begin using this skill, you need to install the package and initialize your environment.
Install the package globally or locally:
npm install -g snipgrapher
Initialize your configuration file:
snipgrapher init
For ad-hoc usage without installation, you can use npx:
npx snipgrapher --help
Snipgrapher Data Schema & Taxonomy
The skill organizes its output and configuration through a structured file system approach.
| Component | Description |
|---|---|
snipgrapher.config.json |
Stores global and profile-specific rendering settings. |
Output Directory |
Configurable path where generated SVG, PNG, or WebP files are stored. |
Source Snippets |
Input code files or text blocks processed by the CLI. |
Profiles |
Named sets of visual configurations (e.g., 'dark-mode', 'high-contrast'). |
Snipgrapher Advanced Features
- Watch mode for real-time snippet regeneration upon source file changes.
- Support for multiple output formats including SVG, PNG, and WebP.
- Portable command patterns designed for both local binaries and npx execution.
- Automation-friendly architecture with clear precedence for CLI flags, configuration files, and environment variables.
- Seamless integration with other Openclaw Skills for end-to-end documentation workflows.
SKILL.md
Loading
Related Openclaw Skills
cEDH Advisor Skill
A high-performance tactical assistant for Competitive Commander (cEDH) that provides instant mana calculations, tutor target optimization, and banlist-compliant play recommendations.
Auto-Improve Skill
A self-optimizing feedback loop that turns every AI interaction into a learning opportunity by tracking mistakes and saving successful patterns.
Anticipation Skill
A proactive intelligence layer that predicts user needs and automates solutions based on behavioral patterns and session history.
ClawMart Skills Empire
A comprehensive system for developers to create, package, and sell high-value AI agent skills on the ClawMart marketplace.
Oh My OpenCode
A multi-agent orchestration plugin for OpenCode that enables autonomous work, background tasks, and precise project planning.
cybersec-helper
A professional security assistant designed to guide developers through ethical application reviews, bug bounty recon, and secure coding practices.
Featured*
