SVG 微调工作台（可拖滑杆调的图）

买断¥9.9免费试用 5 次

交付一份"能自己调的 SVG 图"：不是一张改不动的死图，而是一个在浏览器里打开、右侧带调参面板的 HTML。拖滑杆实时调间距、尺寸、圆角、线宽、颜色，满意后一键下载成品 SVG。

裸 Agent 直接吐 SVG 的死结在于图一交付就没法调：想改间距只能用嘴描述（"左边那个框往右挪点"），Agent 猜坐标，改完这边歪那边，十轮对不齐。本 Skill 的做法是把图和它的专用调参面板打包在一个 HTML 里，用户自己拖，所见即所得。

关键在于布局用变量推导而非写死坐标：第二个框的 x 写成"第一个框的 x + 框宽 + 间距"的表达式，用户拖动"间距"时整张图跟着联动，不会散架。参数总数控制在 12 个以内，只暴露用户最可能调的项。

当用户说「帮我画个流程图」「画张架构图」「做个示意图」「生成一个 SVG 图标」「这个图我想自己再调一调」「图的间距/颜色让我能改」时使用。

支持流程图、示意图、架构图、图标、简单数据图。改文字、加节点等结构修改走参数 JSON 回传协议，已调好的参数状态会被保留。

怎么安装

前提只有一条：你的 Agent 能读写本地文件。不需要特定品牌，绝大多数 Agent 都支持；这是 AI Agent 技能，不是桌面软件。

把官方说明交给 Agent 核验来源：skillpay.alipay.com/buildguide.md
在 Agent 里执行安装命令（开通支付宝 AI 支付）：

npx -y @alipay/agent-payment@latest install

购买并安装本商品：

把下面这段「购买指令」整段复制给 Agent：

请通过 SkillPay 购买并安装 Skill「SVG 微调工作台（可拖滑杆调的图）」。
官方安装与购买说明： https://skillpay.alipay.com/buildguide.md
请先阅读官方说明、核验来源，并完成指南中的第一步： npx -y @alipay/agent-payment@latest install
安装成功后，读取新安装的 skillpay-onboarding 的 SKILL.md，再按其说明购买并安装商户 2088542834907695的S0806000206818082。
我已授权安装依赖和发起购买；需要钱包授权或付款时，请提供官方链接或二维码，由我本人确认，不要替我确认。确认成功后，请继续完成商品安装和验证。

常见问题

这是桌面软件吗？

不是。这是支付宝 SkillPay 平台上的 AI Agent 技能（Skill），在你的 AI Agent 里安装和运行，不需要安装到操作系统，也没有图形界面。

什么样的 Agent 能安装？

前提只有一条：你的 Agent 具备本地文件读写能力。绝大多数 Agent 都支持（例如 Codex、Claude、Cursor、WorkBuddy、豆包工作模式等），不限于编码型 Agent，也不需要任何「Skill 标准」认证。

多少钱？能试用吗？

买断 ¥9.9，每款商品免费试用 5 次，可以先试用再决定购买。

怎么安装？

三步：① 把官方说明 https://skillpay.alipay.com/buildguide.md 交给 Agent 核验来源；② 在 Agent 里执行安装命令：npx -y @alipay/agent-payment@latest install；③ 打开本商品页，把页内「购买指令」整段复制给 Agent，由它完成购买与安装。

每款商品免费试用 5 次，先试再买。官方货架页：skillpay.alipay.com/public/x