用途：为 Positron IDE 生成风格统一的抽象 SVG 插图，适用于文档、walkthrough 步骤、上手引导与功能预览，覆盖编辑器、Notebook、数据浏览器、控制台、绘图、变量面板、终端、AI 助手等界面。
主要能力与约束：产出为静态 SVG，通常以 <img src="..."> 形式嵌入不同页面，因此不得依赖宿主样式或脚本：不能用外部 CSS 或 CSS 变量（var(--token) 不会解析），颜色须自包含（硬编码十六进制或 SVG 内联 <style>）；不使用 JavaScript。默认按浅色背景设计，尺寸按用途选取，walkthrough 常用 width="520" height="260"；仅浅色时先画不透明白色背景矩形。同时支持明暗主题为可选项，可用内联 @media (prefers-color-scheme: dark) 实现，需在两种背景上预览。
规范要点：品牌蓝 #447099 仅用于焦点（活动标签下划线、活动单元格边框等），慎用；灰色系作为整体协调使用。字体：界面标签、标签页、面板标题用 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif；代码与行号用 'Consolas', 'SF Mono', 'Menlo', monospace。除非内容本身是焦点，正文一律用灰色占位矩形而非真实文字；需展示语法高亮时在 <text> 内用 <tspan> 着色。工具栏图标采用 codicon 路径缩放到 16x16 坐标空间，参见 references/codicons.md；文件类型图标可用 Seti UI 图标，该方法资料注明尚未实际验证，需预览确认并保持字形简洁。图层按文档顺序渲染，先画容器背景与边框，再画内容，浮层（如单元格操作栏）最后绘制。
工作流程：先收集输入（实际界面截图、图标名、文件类型），规划布局，编写 SVG，务必先预览（Claude Desktop 用 show_widget；其它环境写入临时文件在浏览器或图片查看器打开），迭代，最后保存到仓库正确路径，并清理渲染器注入的 style 属性与专有字体名。可复用组件见 references/patterns.md（标签栏、Notebook 工具栏、代码单元格、变量面板、Posit Assistant 聊天面板等），风格基准见 references/examples/ 下四个示例 SVG。
限制：仓库 walkthrough media 目录中的部分 *-abstract.svg 并非由本技能生成，不可作为风格参考。收费、价格、平台与效果等信息暂未提供。