From legal-skills
AI驱动的SVG文章配图生成工具，支持动态SVG、静态SVG和PNG导出三种输出模式。当用户需要为文章生成配图、创建SVG插图、将SVG转换为PNG，或提到"为文章配图"、"生成插图"时使用此技能。
npx claudepluginhub cat-xierluo/legal-skills --plugin minimax-image-understandThis skill uses the workspace's default tool permissions.
AI 驱动的文章配图生成工具，使用 SVG 技术为公众号文章生成高质量配图。
Analyzes article structure, identifies positions for visual aids, generates illustrations using Type × Style × Palette approach. Useful for requests to illustrate articles or add images.
Generates SVG icons and configurations for visual content tasks like diagrams and charts. Provides step-by-step guidance, best practices, and production-ready code. Auto-activates on 'svg icon generator' or 'svg' phrases.
Analyzes markdown article content, identifies positions needing visual aids, and generates illustrations in styles like tech, warm, minimal, playful, elegant.
Share bugs, ideas, or general feedback.
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]