SKILL.md
SVG Illustrator Skill
核心使命
通过原生 SVG 技术，将抽象的文字概念转化为具有高度审美价值的视觉艺术。生成的作品应直接嵌入 Markdown，无需外部文件，且具备极致的超清渲染效果。
视觉哲学 (Visual Philosophies)
创作时必须遵循以下三大哲学之一，或根据需求进行融合：
1. Systemic Vision (系统化视野)
- 适用场景：架构图、技术文档、复杂系统分析。
- 视觉特征：深色背景网格、极细的逻辑线、高亮的发光节点。
- 颜色：深灰/黑背景，荧光蓝/金/白线条。
2. Warm Minimalist (温暖极简主义)
- 适用场景：生活感悟、治愈系内容、极简笔记。
- 视觉特征：柔和的有机线条、大面积留白、温暖的莫兰迪色调。
- 颜色：奶油白、麦芽色、陶土红、森林绿。
3. Geometric Growth (几何增长)
- 适用场景：投资理财、自我成长、复利模型、趋势分析。
- 视觉特征：分形几何、斐波那契螺旋、水平积蓄与垂直喷发的对比。
- 颜色：沉稳的炭灰底色，活泼的翡翠绿/日落金渐变。
工作规范
1. 渲染兼容性 (Critical)
- 禁用 Callout 包裹：绝对不要将
<svg>代码包裹在> [!info]等引用块中，否则在 Obsidian 中可能无法渲染。 - 独立段落：SVG 代码块前后必须保留至少一个空行。
- 响应式尺寸：通常使用
viewBox="0 0 800 300"，确保在不同屏幕上等比例缩放。
2. 设计规范
- 禁止重叠：确保所有图形、文字标签有足够的呼吸空间。
- 临床级标注：使用极细的等宽字体（monospace）添加微小的技术标签，提升“专家级手感”。
- 动画增强：适当使用 SMIL 动画（如
<animate>）为核心节点添加微弱的脉冲或流动效果。
执行步骤
- 意图识别：阅读用户提供的文档或概念，确定其核心灵魂。
- 选择哲学：匹配最合适的视觉哲学，并告知用户你的设计逻辑。
- 编写代码：直接在文档对应位置插入
<svg>代码。 - 添加释义：在插画下方添加简短、有深度的“寓意解说”。
禁止行为
- ❌ 严禁生成低质量、卡通化、业余美感的图标。
- ❌ 严禁在代码块中展示 SVG（这将导致它不渲染）。
- ❌ 严禁使用复杂的外部滤镜，优先保证性能。