Agent Skills
返回列表
SVG 符号拼接工具

SVG 符号拼接工具

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_800d68d6/svg-composer

技能介绍

解决什么问题

在生成密码本、验证码、徽章或复合图标时,常需要把已有 SVG 符号按顺序、排列或组合拼成新的矢量图。手工复制 path、调整坐标和画布容易出错,而且批量组合时很难快速得到可下载的预览。svg-composer 面向这类拼接任务,输入文本或外部符号,直接输出 .svg 字符串/文件。

工作方式

  • 内置字符集:基于 Font Awesome Free 提供 0-9 与 A-Z,小写自动转大写,仅 36 个字符。
  • 四种拼接模式:顺序、全排列、笛卡尔积、限制长度;笛卡尔积受 ≤5 输入且 length ≤4 约束。
  • 自定义符号:从用户提供的 .svg 文件加载有效 path data 进行拼接。
  • 批量预览:可调用 generate_preview_html() 生成内联预览页,无服务器依赖。

关键步骤是输入文本、选择模式和方向,再指定 black/white 颜色与 horizontal/vertical 布局,最终生成 SVG 文件;若总长度超过画布会自动等比缩放。

适用边界

  • 仅输出 SVG,不支持 PNG/JPG 导出。
  • 适合符号拼接,不适合画线框图或任意矢量绘图。
  • 需要 Python 3.7+ 与 svgpathtools 依赖。

使用场景

  • 设计需要把 0-9 字符按全排列拼成 SVG 密码本页面,并导出单个文件。
  • 前端要把多个外部 SVG 图标按横向模式合成一个徽章,并生成 HTML 预览检查。
  • 测试需要把 A-Z 和数字做笛卡尔积组合,限制长度生成验证码候选 SVG。
  • 运营要把内置字符按顺序纵向拼接,输出黑白两色 SVG 用于线下物料。

适合人员

  • 制作验证码或密码本的视觉设计师:需要把字符按全排列、限制长度拼成可交付 SVG。
  • 开发 SVG 图标组件的前端工程师:要把多个外部 SVG 符号合成复合图标并生成预览页。
  • 准备线下徽章或 Logo 素材的产品经理:要把内置字符按顺序或笛卡尔积组合成矢量图。
  • 维护批量图形生成脚本的 Python 工程师:需要调用拼接函数输出 SVG 文件与 HTML 预览。