返回 Skills

活动页拆图 Skill

@pws/splitting-activity-ui-assets

—规则评分检测中

输入完整活动主题风格稿,识别并重绘可复用按钮、边框、图标等 UI 元素,最终输出一张无文字素材集合图。

设计Hot活动页素材拆图UI资源视觉设计

案例展示

中文概述 · 根据原始文档整理,完整规则与命令请查看「文件」中的 SKILL.md。

活动页拆图

输入一张完整的活动主题风格稿,识别并重绘其中可复用的 UI 元素,最终输出一张排布清晰、无可编辑文字的素材集合图。

适用与不适用场景

适用于活动视觉稿中的可复用按钮、装饰边框和图标整理。需要具备参考图生成或编辑能力的图像工具。不适用于恢复源设计文件、精确还原被遮挡像素,或直接交付可上线的交互页面。

准备输入

提供完整、清晰的主题风格稿;补充目标尺寸、需要保留的元素与输出格式。截图中的文字与人物不作为可复用组件保留。

三分钟快速开始

下载完整 Skill 包,交给支持 Skill 的 Agent 安装,再附上主题稿并发送:

请按活动页拆图 Skill 处理这张主题风格稿。先盘点可复用组件,去重并移除可编辑文字;内容框中心保持真实透明,保留实心空白名牌。最终输出一张透明 WebP 素材集合图,并列出需人工复核的元素。

使用方式

  1. 提供一张清晰的活动页截图或主题风格稿。完整页面更利于判断配色、材质、装饰语言、组件层级和比例。
  2. 如有特殊要求,补充输出尺寸、透明背景、必须保留的元素,或是否需要单独素材;未说明时按默认规则处理。
  3. Skill 会盘点按钮、标签、边框、功能图标、信息条和展示底座,合并重复样式,并保守补全被遮挡的结构。
  4. 最终交付一张元素彼此分离、留白充足的集合图,默认优先使用 WebP。

默认处理规则

  • 删除标题、日期、按钮文案、数量、排名和业务提示等可编辑文字。
  • 保留问号、返回、日历、礼物、奖杯等具有功能识别作用的图形。
  • 去掉人物、奖品和场景;礼物框、头像框等内容容器保留完整装饰边框,并让中心真正留空。
  • 相同空白外壳只保留一份;颜色、结构、固定图标或状态不同的变体分别保留。
  • 这是基于风格稿的重新绘制,不是把截图直接裁成碎片,也不表示恢复了被遮挡的原始像素。

输出与验收

  • 一张保留主题视觉语言的素材集合图,元素完整分离,四周留白,不互相遮挡。
  • 检查文字已清理、重复外壳已去重、边框无截断、名牌仍为实心。
  • 将集合图放在深浅两种背景上检查透明通道;礼物框中心应透出背景,不能是白色或棋盘格贴图。
  • 集合图用于后续素材整理;如需独立切图,应另行明确命名、尺寸与交付清单。

常见失败与处理

中心仍有底板时,明确要求仅移除内容区底板,保留装饰边框和实心名牌;文字残留时逐项标注;风格偏离时要求仅参考当前输入稿重新生成。首次交付应由另一位设计师按上述验收项检查,并在页面反馈具体问题。

Splash Win 案例

案例中的竖版热带活动页是输入,方形素材板是输出。输出继承海浪、救生圈、竹木和热带花卉的视觉语言,整理出功能按钮、空心内容框、标签、抽奖按钮、信息条、展示底座和完整主框,同时移除人物、礼物、文字与场景。