前言¶

在生成或修改 UI 组件时，有时需要将多个 SVG 元素组合成一张图，比如数字徽章、统计图标等。手动拼接 SVG 代码既繁琐又容易出错。svg-composer 可以直接在对话中完成 SVG 元素的拼接，生成最终图形。

是什么¶

svg-composer 是一个用于拼接 SVG 的 Skill，由社区用户 user_800d68d6 维护，当前版本 3.3.2。它内置了 FontAwesome 的数字和字母字符集（0-9, A-Z），并提供多种拼接模式，用于将基础图形、文字等 SVG 元素组合成一张图。

核心功能¶

• 支持内置字符集：0-9, A-Z
• 提供四种拼接模式（具体模式名称以实际使用为准）
• 直接在对话中拼接 SVG，返回最终图形

安装与启用¶

安装命令：

skill install @user_800d68d6/svg-composer

安装后即可在对话中使用。

典型用法¶

在对话中给出拼接需求，例如拼接数字和图标，或拼接多个文字。示例：

• “用 svg-composer 把 3 和一个下载图标拼接成一张 SVG”
• “用 svg-composer 把字母 A 和一个放大镜图标拼接成一张 SVG”

适用场景与注意¶

• 适合需要快速生成组合 SVG 的场景，如 UI 组件、统计图示等
• 依赖内置字符集，如需更多字符需自行扩展或使用其他方式

结尾¶

svg-composer 提供了在对话中直接拼接 SVG 的能力，适合需要快速生成组合图形的开发者。官方地址：https://api.skillhub.cn/user_800d68d6/svg-composer