con un clic
svg-article-illustrator
AI驱动的SVG文章配图生成工具,支持动态SVG、静态SVG和PNG导出三种输出模式。当用户需要为文章生成配图、创建SVG插图、将SVG转换为PNG,或提到"为文章配图"、"生成插图"时使用此技能。
Menú
AI驱动的SVG文章配图生成工具,支持动态SVG、静态SVG和PNG导出三种输出模式。当用户需要为文章生成配图、创建SVG插图、将SVG转换为PNG,或提到"为文章配图"、"生成插图"时使用此技能。
Basado en la clasificación ocupacional 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]