可将设计资产封装为可复用Skill:开启开发者模式后,上传含logo.svg、colors.json、typography.css的ZIP包,配置触发场景、输入变量及DSL输出规则,测试通过后发布至工作区。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你想把反复验证过的配色组合、动效节奏或电商主图排版逻辑,变成别人一点就能调用的Skill,而不是每次都要重新写提示词、反复调试参数。
确认Skill创建权限与入口
登录lovart.ai后,进入个人工作区右上角头像菜单,点击「Settings」→「Developer Mode」,开启开发者模式。只有开通Pro或Enterprise订阅的账号才显示该选项,免费版不可见。
开启后,左侧导航栏底部会出现「My Skills」新条目,点击进入空白技能管理页。
上传原始设计资产包
点击页面中央「+ Create New Skill」按钮,选择「From Asset Bundle」方式。
准备一个ZIP压缩包,内含三类必需文件:【必须包含logo.svg、colors.json、typography.css三个文件名且结构合规,缺一无法解析】。其中colors.json需为标准Design Token格式,包含primary、secondary、error等语义键;typography.css只需声明font-family、font-weight、line-height三项,不接受@import或变量嵌套。
直接将ZIP拖入上传区,系统会自动解压并校验文件完整性。若报错“Missing semantic token”,说明colors.json里用了brand-1、accent-a这类非标准键名,需按Lovart语义规范重命名。
定义Skill行为逻辑
资产上传成功后,进入逻辑配置面板,分三步设置:
第一步:在「Trigger」区域勾选适用场景——可多选,但至少选中一项。例如你做的是电商主图Skill,就勾选「Amazon Listing Images & A+ Content」和「Social Media Posts & Carousels」;若只服务内部品牌手册,则只勾「Marketing Brochure & Print Layouts」。
第二步:在「Input Mapping」中绑定变量。比如你的模板里固定要替换商品主图,就点击「+ Add Input Field」→ 类型选「Image Upload」→ 字段名填product_photo → 勾选「Required」。这样别人调用时,界面就会强制出现图片上传框,不传图无法执行。
第三步:最关键的「Output Rules」——这里不是写Prompt,而是用Lovart自研的DSL语法声明渲染规则。例如写:`if input.product_photo.aspect_ratio > 1.5 then apply template:wide-banner else apply template:square-card`。这行代码决定了AI不会把竖图强行拉成横图,避免构图崩坏。
测试并发布Skill
点击右上角「Test Locally」,系统会拉起一个沙盒环境,用你刚上传的资产包模拟一次完整调用流程。注意观察三点:生成图是否用了你指定的品牌色、文字是否套用了typography.css声明的字体栈、当上传一张4:3图片时是否触发了square-card模板。
全部通过后,填写Skill名称(不能含空格,如AmazonListingV2)、描述(限120字符)、图标(仅支持SVG,尺寸48×48),点击「Publish to My Workspace」即完成。
发布后,该Skill会出现在你所有新项目的Skills快捷栏顶部,他人需你主动共享链接才能访问,不公开至全局Skill市场。

















