ASCII 示意图转 SVG
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_b392afca/ascii2svg。
技能介绍
问题背景
技术文档里常用 Markdown 围栏代码块画 ASCII/Unicode 框线图(流程、架构、时序)。这类图在 GitHub 上可读,但在 PDF、部分 CMS 或窄屏上容易错位;也无法像矢量图一样缩放。若手工改 SVG,维护成本会随文档迭代迅速上升。
技能如何工作
本技能围绕 svgbob 做批量替换:扫描 Markdown 中带特定 info string 的围栏块(如 ascii、diagram、svgbob,也支持 svgbob 后带标题作为图片 alt),调用 PATH 上的 svgbob / svgbob_cli 等可执行文件生成 SVG,再把原代码块换成指向本地资源的 Markdown 图片链接。文件名会结合文档 stem、图序号与内容哈希,降低重名冲突。
提供 Bash、Python、PowerShell 三套入口,选项一致:--dry-run 预览、--recursive 递归目录、--assets-dir 指定旁路资源目录(默认 assets)、--force 覆盖内容变化的 SVG、--keep-source 在图片链接后用 HTML 注释保留原 ASCII。推荐流程是先通读待改文件 → dry-run → 正式替换 → 核对 diff 与生成的 SVG。
适用边界
- 目标机器必须已安装 svgbob 且能在 PATH 中找到;技能不会替你装二进制。
- 不要对
python、bash、json、yaml、mermaid、plantuml等常规源码块做 aggressive 转换,避免误改日志、表格或真实代码。 - 未标注语言的普通代码块默认不当作示意图;除非用户明确要求,否则应先 dry-run 再写盘。
- Windows 上若 Unicode 框线渲染遇控制台编码问题,优先用
python -X utf8入口,而非强行走 PowerShell(需本地验证脚本可解析后再用)。
使用场景
- 开源 README 里用 ASCII 画 OAuth/回调流程,发布到文档站或 PDF 前需批量换成可缩放的 SVG 图片链接
- 仓库内多份 Markdown 带 `ascii`/`diagram`/`svgbob` 围栏块,需递归扫描目录、先 dry-run 再正式写回与生成 assets
- 静态站点构建前要把框线架构图从代码块改为旁路 `assets` 目录下的矢量文件,并保留可选 HTML 注释里的原图
- 文档迭代后 ASCII 图内容变更,需按内容哈希更新对应 SVG,避免旧图与新文字不一致
适合人员
- 长期维护开源 README、用框线 ASCII 描述组件与调用关系、又要兼容 CMS 或导出渠道的仓库维护者
- 在 Markdown 中嵌入时序/流程框线图、希望 Wiki 与窄屏下不再依赖等宽对齐的技术写作者
- 负责整库或子目录 Markdown 批量处理、需要在改盘前用 dry-run 核对替换范围的文档/DevOps 工程师
- 在 Windows 上维护含 Unicode 框线图的说明文档、并需在 Bash/Python/PowerShell 间选合适入口的本地文档贡献者