关于 store-screenshots
用于生成应用商店截图的技能,依据项目中的 store-screenshots 资源指导渲染器修改、截图密度和预览检查,并限制未经要求的发布或提交。
主要功能
- 01直接修改渲染器源文件
- 02按商店指定截图密度
- 03标题与副标题排版约束
- 04报告前检查预览和面板
- 05防止未经要求的发布或提交
适用场景
- 01制作应用商店截图
- 02检查预览图和商店面板原图
- 03避免未获要求便发布或提交
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ getpaseo/ paseo --skill store-screenshots安装后在 Claude Code 中输入/store-screenshots确认已加载。
详细介绍
商店截图
遵循 assets/store-screenshots/README.md。其中规定了面板、创意方向、渲染命令和重新截图步骤。请在 assets/store-screenshots/render.mjs 中修改文案、裁剪和布局,而不是修改导出文件。
操作规则:
- 按原生密度截图:iPhone 16 Pro Max 使用
--pixel-density 3,iPad Pro 13-inch 使用--pixel-density 2。默认值为 1x,对于商店展示来说太模糊。 - 每个标题都必须换成两行,每个副标题都必须能放在一行内。渲染器会强制执行此规则;请改写文案,而不是缩小字体。
- 使用 SF Pro。切勿替换为其他字体。
- 报告渲染结果前,请打开
output/preview.png,以及每个商店的一张全尺寸面板图片。向用户展示预览图。 - 除非用户提出要求,否则不要将截图上传到商店、PR 或任何公开位置,也不要提交。
- 在单独的端口上启动演示主机,并选择一个空闲的 Metro 端口。不要重启主守护进程。
- 如果发现下一次截图所需的信息,请修改 README,而不是此技能。
评论
支持 Markdown