代码与终端截图生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/freeze-code-terminal-screenshot-generator。
技能介绍
它解决什么问题
把一段代码或终端输出放进文档、issue、演示文稿时,最常见的做法是截图。屏幕截图会带来一堆隐性成本:分辨率不可控、背景杂乱、文件体积偏大,而且事后无法复现。对写技术博客或维护文档的人来说,还有一个更隐蔽的痛点——代码一旦改动,所有配图都要手动重截一遍。
Freeze 的思路是反过来:不截屏,而是从文本渲染出图片。
核心能力与工作流程
- 代码渲染:输入代码文本,输出 PNG 或 SVG,适用于博客配图、README 和设计稿。
- 语法高亮:内置超过 200 种语言的高亮规则,
go、python、rust、typescript等常见语言直接可用,无需额外安装语言包。 - 主题系统:颜色方案可配置,能匹配文档或品牌的整体风格。
- 窗口装饰:可选的窗口边框、阴影与外边距,让输出看起来像真正的截图,但像素完全可控。
- 格式选择:需要无损缩放选 SVG,需要直接插入网页或聊天工具选 PNG。
工作流程很线性:准备代码文本 → 指定语言与主题 → 选择输出格式和样式参数 → 得到图片。文本是唯一输入源,图片永远是渲染产物而非快照。
适用边界与注意事项
- 它产出的是静态图片,不能生成动画或真实终端的交互过程;需要录制终端操作时,仍要用专门的录制工具。
- 输出质量依赖输入文本本身:高亮对语法干净的代码效果最好,格式混乱的粘贴内容可能需要先清理。
- 最终观感取决于主题、阴影、窗口样式等参数;建议在项目早期固定一套参数,避免同一套文档里出现风格不一的配图。
使用场景
- 撰写技术博客时,需将 `Python` 脚本渲染成带窗口边框的 `SVG` 图片插入文章。
- 维护开源项目 `README` 时,要把 `bash` 命令的执行结果生成为风格统一的主题化 `PNG` 截图。
- 制作项目汇报幻灯片时,需要将多语言代码片段转换为无背景干扰且带有自定义外边距的无损图片。
- 在技术社区发帖时,需把 `Rust` 代码块快速生成带有特定代码主题和阴影效果的展示配图。
适合人员
- 独立技术博主:每周需更新多篇包含代码示例的教程,苦于手动截图导致配图风格不一且难以修改。
- 开源项目维护者:需要在 `README` 中展示命令行执行结果,希望配图能随代码更新自动重新渲染。
- 前端视觉设计师:负责技术分享会的幻灯片制作,需要将枯燥的源码转化为符合品牌设计规范的展示图。