Back to Details

store-screenshots

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Store screenshots

应用商店截图

Follow 
assets/store-screenshots/README.md
. It owns the panels, the creative direction, the render command and the recapture steps. Change copy, crops and layout in 
assets/store-screenshots/render.mjs
, not in the exports.
Working rules:
  • Capture at native density: 
    --pixel-density 3
    on the iPhone 16 Pro Max, 
    --pixel-density 2
    on the iPad Pro 13-inch. The default is 1x, which is too soft for the store.
  • Every headline wraps to two lines and every subline fits on one. The renderer enforces this; rewrite the copy rather than shrink the type.
  • Use SF Pro. Never substitute another font.
  • Open 
    output/preview.png
    and a full-size panel from each store before you report a render. Show the user the preview.
  • Do not upload screenshots to a store, a PR, or anywhere public, and do not commit, unless the user asks.
  • Stage the demo host on its own port and pick a free Metro port. Do not restart the main daemons.
  • When you learn something the next capture needs, fix the README rather than this skill.
遵循 
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，而不是修改此 skill。