메뉴
AI驱动的SVG文章配图生成工具，支持动态SVG、静态SVG和PNG导出三种输出模式。当用户需要为文章生成配图、创建SVG插图、将SVG转换为PNG，或提到"为文章配图"、"生成插图"时使用此技能。
SOC 직업 분류 기준
基于现有文章、专栏、课程讲稿、逐字稿、访谈、课件、会议纪要、案例材料、PDF 文本、Word 文档和笔记等内容资产，判断它们最适合转化为书、小册子、课程、系列文章、实务手册或知识库，并输出精简策划意见；用户提到“把现有内容整理成书”“判断素材适合做书还是课程”“把文章/直播稿/课程稿/笔记重组成知识产品”等场景时，应使用本技能。
使用本地 FunASR 服务将音频或视频文件转录为带时间戳的 Markdown 文件，支持 mp4、mov、mp3、wav、m4a 等常见格式。本技能应在用户需要语音转文字、会议记录、视频字幕、播客转录时使用。
Git 工作流安全助手。本技能应在需要执行分支管理、Monorepo 安全合并、PR 创建/审查/合并、冲突处理、cherry-pick、安全回退，以及 stale/已合并分支审计与清理（branch cleanup，含 squash/rebase merge 校验）时使用。不要用于：批量生成提交信息、项目任务分配、长期任务状态管理或本地多 Agent 会话编排。
本技能应在用户需要 OCR、扫描识别、图片文字识别、文档识别，或将 PDF、图片、Office 文档、URL 转换为 Markdown 时使用。检测到法律材料时可进行保守的法律术语与文书结构优化。不要用于法律事实判断、补写缺失内容、语义改写、印章深度识别或图表实体分析。
Skill 质量验收与格式审查工具，也可称 Skilllint。本技能应在用户需要审查 Claude Code Skill 的目录结构、Frontmatter、引用一致性、发布版本、业务流深度、可评估性和安全风险时使用。不要用于：创建新技能、代码审查、应用功能测试、通用编程任务。
转录稿纠错与轻度优化。本技能应在用户需要按用户词典纠正 ASR 转录稿同音字与英文专有名称漂移时使用。不要用于：重写为课程章节、报告、总结，或完全空白的素材创作。
| name | svg-article-illustrator |
| homepage | https://github.com/cat-xierluo/legal-skills |
| author | 杨卫薪律师（微信ywxlaw） |
| version | 1.0.4 |
| license | MIT |
| description | AI驱动的SVG文章配图生成工具，支持动态SVG、静态SVG和PNG导出三种输出模式。当用户需要为文章生成配图、创建SVG插图、将SVG转换为PNG，或提到"为文章配图"、"生成插图"时使用此技能。 |
AI 驱动的文章配图生成工具，使用 SVG 技术为公众号文章生成高质量配图。
重要说明：默认模式（dynamic-svg 和 static-svg）将 SVG 代码直接嵌入到 Markdown 文件中，而不是使用
的图片引用语法。这确保了动画效果和最佳兼容性。
/svg-article-illustrator @path/to/article.md
根据用户需求和发布平台选择合适的输出模式：
| 用户场景 | 使用模式 | 加载参考文件 |
|---|---|---|
| 默认/未指定 | dynamic-svg | references/dynamic-svg.md |
| 需要动画效果 | dynamic-svg | references/dynamic-svg.md |
| 需要 PNG 兼容性 | png-export | references/png-export.md |
| 不知道如何使用 SVG | png-export | references/png-export.md |
| 明确要求静态效果 | static-svg | references/static-svg.md |
| 需要静态 SVG 代码 | static-svg | references/static-svg.md |
默认模式：当用户未明确指定时，使用 dynamic-svg 模式。
当配图数量 ≥ 8 张时，自动启用多 Agent 并行生成以提升效率。
详见：references/multi-agent-generation.md
核心思路：
[[ILLUSTRATION:ID:简短描述]] 到文章启用条件：
读取源文章 Markdown 文件
识别核心概念和关键信息点
规划配图位置：
[[ILLUSTRATION:ID:简短描述]]评估并选择生成模式：
[[ILLUSTRATION:ID:描述]]默认行为：除非用户明确要求 PNG 格式或图片文件引用，否则必须直接将 SVG 代码嵌入到 Markdown 文件中。
<svg> 标签）<svg> 标签）scripts/svg2png.js 转换为 PNG每次完成配图生成后，将文章中的 SVG 代码提取并归档到 Skill 内部：
# 归档目录结构
.claude/skills/svg-article-illustrator/archive/YYYYMMDD_HHMMSS_文章名/
├── 1_配图名称.svg # 提取的 SVG 文件
├── 2_配图名称.svg
└── ...
归档命名规则：
YYYYMMDD_HHMMSS_文章标题# 标题），去除特殊字符序号_配图名称.svg20260209_163045_AI_Agent法律工作流未来范式/
1_AI_Agent_演进概览.svg2_提示词设计.svg所有输出模式都遵循相同的核心设计原则，详见：references/core-principles.md
核心要点：
默认模式，支持 SMIL 动画效果。
核心特性：
静态 SVG 代码直接嵌入 Markdown。
核心特性：
生成独立的 SVG 和 PNG 文件。
核心特性：
scripts/svg2png.js使用 scripts/svg2png.js 进行高保真转换：
node scripts/svg2png.js input.svg [output.png] [dpi]