mcpField
S
store-screenshots

store-screenshots

github.com/getpaseo营销与增长22.5k40 次安装1 天前更新
代码仓库

关于 store-screenshots

用于生成应用商店截图的技能,依据项目中的 store-screenshots 资源指导渲染器修改、截图密度和预览检查,并限制未经要求的发布或提交。

主要功能

  1. 01直接修改渲染器源文件
  2. 02按商店指定截图密度
  3. 03标题与副标题排版约束
  4. 04报告前检查预览和面板
  5. 05防止未经要求的发布或提交

适用场景

  1. 01制作应用商店截图
  2. 02检查预览图和商店面板原图
  3. 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