360 Secure SkillHub
360 安全技能中心

Snipgrapher - generate images from code snippets

通过 npm/npx 安装与配置 snipgrapher,使用命名配置档和显式输出路径,把源代码渲染为 SVG、PNG、WebP 等代码片段图像,支持单次渲染、批量任务与监视模式,便于为文档、社交内容或变更日志生成素材。

mcollina
mcollina
热度 65.29
最近更新 2026-05-17 12:27:59
分类:创作依赖:代码执行 / 读写文件应用场景:图像生成 / 自动化脚本 / 模板

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add snipgrapher
Metadata
name
snipgrapher
description
Configure and use snipgrapher to generate polished code snippet images
metadata
{"tags":"snipgrapher, snippets, images, svg, png, webp, cli"}

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

How to use

Read these rule files in order:

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