案例展示
中文概述 · 根据原始文档整理,完整规则与命令请查看「文件」中的 SKILL.md。
活动页拆图
输入一张完整的活动主题风格稿,识别并重绘其中可复用的 UI 元素,最终输出一张排布清晰、无可编辑文字的素材集合图。
适用与不适用场景
适用于活动视觉稿中的可复用按钮、装饰边框和图标整理。需要具备参考图生成或编辑能力的图像工具。不适用于恢复源设计文件、精确还原被遮挡像素,或直接交付可上线的交互页面。
准备输入
提供完整、清晰的主题风格稿;补充目标尺寸、需要保留的元素与输出格式。截图中的文字与人物不作为可复用组件保留。
三分钟快速开始
下载完整 Skill 包,交给支持 Skill 的 Agent 安装,再附上主题稿并发送:
请按活动页拆图 Skill 处理这张主题风格稿。先盘点可复用组件,去重并移除可编辑文字;内容框中心保持真实透明,保留实心空白名牌。最终输出一张透明 WebP 素材集合图,并列出需人工复核的元素。
使用方式
- 提供一张清晰的活动页截图或主题风格稿。完整页面更利于判断配色、材质、装饰语言、组件层级和比例。
- 如有特殊要求,补充输出尺寸、透明背景、必须保留的元素,或是否需要单独素材;未说明时按默认规则处理。
- Skill 会盘点按钮、标签、边框、功能图标、信息条和展示底座,合并重复样式,并保守补全被遮挡的结构。
- 最终交付一张元素彼此分离、留白充足的集合图,默认优先使用 WebP。
默认处理规则
- 删除标题、日期、按钮文案、数量、排名和业务提示等可编辑文字。
- 保留问号、返回、日历、礼物、奖杯等具有功能识别作用的图形。
- 去掉人物、奖品和场景;礼物框、头像框等内容容器保留完整装饰边框,并让中心真正留空。
- 相同空白外壳只保留一份;颜色、结构、固定图标或状态不同的变体分别保留。
- 这是基于风格稿的重新绘制,不是把截图直接裁成碎片,也不表示恢复了被遮挡的原始像素。
输出与验收
- 一张保留主题视觉语言的素材集合图,元素完整分离,四周留白,不互相遮挡。
- 检查文字已清理、重复外壳已去重、边框无截断、名牌仍为实心。
- 将集合图放在深浅两种背景上检查透明通道;礼物框中心应透出背景,不能是白色或棋盘格贴图。
- 集合图用于后续素材整理;如需独立切图,应另行明确命名、尺寸与交付清单。
常见失败与处理
中心仍有底板时,明确要求仅移除内容区底板,保留装饰边框和实心名牌;文字残留时逐项标注;风格偏离时要求仅参考当前输入稿重新生成。首次交付应由另一位设计师按上述验收项检查,并在页面反馈具体问题。
Splash Win 案例
案例中的竖版热带活动页是输入,方形素材板是输出。输出继承海浪、救生圈、竹木和热带花卉的视觉语言,整理出功能按钮、空心内容框、标签、抽奖按钮、信息条、展示底座和完整主框,同时移除人物、礼物、文字与场景。


