Skip to content
🌊海洋蓝
🌸樱花粉
🍃森林绿
🔮幻夜紫
🌙暗夜黑

10分钟搞定 AppGallery 三端上架海报,这个鸿蒙 skill 太能打了

上架过应用的朋友应该都懂那种感觉,功能两天就写完了,结果在提审页面上卡了一个下午。AppGallery 的介绍截图是个硬门槛,手机、平板、PC 三端各来一套,每端 3 到 10 张,比例还各不相同,手机要 9:16,平板要 3:2,PC 要 16:9。你得手动截图、裁状态栏、套模板、对尺寸,一轮下来半天就没了。更难受的是下次版本迭代,页面改了,整套图还得重来一遍。

我最近在 OpenHarmony 的 Matrix 技能广场刷到万少发布的一个技能 hmos-store-poster,试完之后只有一个感受,这件事早该交给 AI 干了。

这个 skill 是干什么的

先说背景。现在鸿蒙生态里有了一个专门的 Agent Skill 赛道,把某类重复性工作的完整方法论打包成一个技能文件,AI 读到它就知道该怎么一步步执行。Matrix 技能广场就是官方的技能市场,你可以把它理解成 AI 时代的插件商店。

Matrix 技能广场的 hmos-store-poster 详情页

hmos-store-poster 是万少发布的一个个人技能,它解决的问题非常聚焦,为 HarmonyOS 应用自动生成 AppGallery 上架用的介绍截图。你只需要告诉它你的工程在哪、想截哪几个页面,它就会自己完成构建部署、真机截图、海报合成、规格校验这一整套流程。

它的工作流长这样:

hmos-store-poster 技能工作流

最聪明的地方是第三步之后的设计,真机只截手机端,平板和 PC 海报直接复用手机截图做横版排版,左边文案右边机身,一次截图三端复用。要知道真机只有一块屏,你不可能拿平板一张张截过去。

实际效果长什么样

技能自带的脚本对 AppGallery 三端规格的支持是像素级的,画布尺寸严格按平台要求输出:

AppGallery 三端规格

为了让效果更直观,我直接用 ImageGen 按三端规格生成了一套风格化海报。竖版手机海报是顶部文案加居中机身,横版平板和 PC 是左文案右机身,整体是淡紫梦幻光斑风格。图为 AI 生成示意,仅作视觉参考,真实场景由 hmos-store-poster 脚本基于真机截图合成:

手机端海报效果

PC 端海报效果

平板端同理,尺寸为 1920×1280。整个过程如果手做,光是把一张截图等比缩放、裁掉状态栏、加圆角阴影、嵌进渐变画布再导出三份规格,就得开修图软件折腾一阵,而这只是 10 张里的 1 张。

怎么用起来

一行命令安装

在 Matrix 技能广场页面复制安装命令,二选一:

bash
# 方式一:Matrix CLI
matrix skill install hmos-store-poster

# 方式二:npx
npx skills add https://matrix.openharmony.cn/api/registry/skills/hmos-store-poster

装好之后不需要背任何指令,你只要在对话里提到 生成海报商店截图AppGallery 上架图 这类意图,Agent 就会自动挂载这个技能开始干活。

技能在后台做了什么

它的执行链路分五步,每步都有明确的验收标准。

第一步确认参数,页面清单最少 3 个、最多 10 个,你说不清楚它就自动补齐设置页之类的常规页面凑数,主标题不超过 8 个字,副标题不超过 20 个字,你没给文案它会按页面功能自己写。

第二步构建部署到真机,第三步用布局解析定位页面元素再模拟点击进入目标页逐页截屏,这两步是全自动的,坐标不是写死的,而是每次现场从布局信息里取,页面改版也不会点偏。

第四步调用技能自带的合成脚本,一条命令出一张规格图:

powershell
powershell -File make-poster.ps1 -Shot shots/01-home.jpeg `
  -Title '高清修复' -Subtitle 'AI 增强·4倍放大' `
  -Device phone -Out 01-home-phone.png -CropTop 100 -CropBottom 60

Device 参数在 phone、tablet、pc 之间切换,配色默认淡紫梦幻风,也支持自定义背景色和强调色去贴你应用的主题。

第五步规格校验,脚本会自动输出每张图的分辨率和体积,逐端核对尺寸是否为 1080×1920、1920×1280、1920×1080,单张是否超 5MB,每端数量是否在 3 到 10 张之间,任何一项不达标都会判定未完成并回到截图步骤补页。

几个值得知道的细节

真机截图千万不能直接当海报用。 手机屏幕大约是 9:20 的比例,而海报要求 9:16,直接拉伸会变形,必须走合成画布,这也是这个 skill 存在的核心价值之一。

状态栏要主动裁掉。 系统截屏自带状态栏和导航条区域,合成时用裁剪参数切掉上下,画面才干净。

WEBP 不是必须的。 平台支持 WEBP 且限制 200KB,但默认输出 PNG 就够了,单张控制在 5MB 以内即可,超了就转 JPEG 存。

产物别提交进仓库。 海报是本机构成的临时产物,技能会自动把输出目录加进版本忽略清单,不会污染你的工程。

GitCode 仓库主页

把琐碎的事变成一句话的事

这类 skill 最打动我的地方不是省时间,而是它把一件琐碎但标准化的事情变成了 一句话的事。以前上架素材是版本发布的隐形阻塞项,现在功能冻结那天顺手说一句生成海报,等你喝完咖啡三端九张图已经躺在输出目录里了。

如果你也在维护多个鸿蒙应用,或者正在准备创新赛的作品提审,强烈建议把这个技能装上试试。也欢迎同样喜欢用 AI 折腾鸿蒙开发的朋友在评论区交流你遇到的坑,想持续看到这类鸿蒙效率工具的实战内容,可以关注我的公众号 HarmonyOS 万少


技能地址:https://gitcode.com/openharmony-skills/hmos-store-poster

Released under the MIT License.