关于 svg-illustration
svg-illustration 是一项专注于创建和排查 SVG 图表与插图的技能，也涵盖用于幻灯片的素材。它引导用户直接查阅 SVG 规则和示例，避免浏览无关的创作指南。
主要功能
- 01SVG 尺寸与间距指南
- 02图表模式参考
- 03幻灯片嵌入指南
- 04排查导出和嵌入问题
- 05SVG 示例素材
适用场景
- 01制作适用于幻灯片的 SVG 图表
- 02确定图表的尺寸与间距
- 03解决 SVG 导出或嵌入问题
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/svg-illustration确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
agents/openai.yamlassets/examples/with-diagrams.mdreferences/core-rules.mdembedding.mdindex.mdoutput-examples.mdpattern-examples.mdtroubleshooting.md详细介绍
SVG 插图入口
概述
用于 SVG 图表的精简入口技能。核心原则：直接查看 SVG 规则和模式，而不是浏览幻灯片创作或颜色模块。
适用场景
- 创建可直接用于幻灯片的 SVG 图表或插图
- 选择 SVG 尺寸、间距和嵌入规则
- 排查 SVG 导出或嵌入问题
快速参考
| 目标 | 阅读 |
|---|---|
| 核心规则 | references/core-rules.md |
| 模式示例 | references/pattern-examples.md |
| 在幻灯片中嵌入 | references/embedding.md |
| 故障排查 | references/troubleshooting.md |
示例
提示词：“需要一张尺寸规范的架构图。” → 阅读 core-rules.md，然后阅读 pattern-examples.md。
资源
assets/examples/- SVG 图表示例
常见错误
- 只需要图表时，却先阅读 Marp 创作指南，而不是 SVG 规则
- 浏览 slide-creator 概述，而不是 SVG 参考资料
警示信号
- “也许 SVG 规则藏在创作指南里”
- “我就把所有内容都浏览一遍”
评论
支持 Markdown