Chrome Web Store 商店素材
crx 浏览器扩展上架 Chrome Web Store 所需的图片素材，由 generate.sh 从 press 的真实组件渲染导出（非手绘、可版本化、一键重生成）。
文件 ↔ 商店上传位置
| 文件 | 尺寸 | 商店后台位置 | 说明 |
|---|---|---|---|
hero.png | 1280×800 | Screenshots（截图 1/5） | 价值主张：Extract any web page |
social.png | 1280×800 | Screenshots（截图 2/5） | Track social feeds |
product.png | 1280×800 | Screenshots（截图 3/5） | Grab product data |
forum.png | 1280×800 | Screenshots（截图 4/5） | Monitor forum threads |
tile.png | 440×280 | Small promo tile | 商店列表/分类卡片 |
marquee.png | 1400×560 | Marquee promo tile | 精选轮播位（可选） |
格式均为 24 位 PNG（无 alpha），满足商店要求。
重新生成
bash
bash generate.sh- 无头 Chrome 逐张打开
/demo/store-asset-export?asset=<key>（press dev），按各尺寸 1:1 截图、去 alpha。 - 脚本优先复用已在跑的
vitepress dev（默认端口 5173），否则自起并在结束后关闭。 - 素材内容改动入口（改后重跑本脚本即更新）：
- 主示意图：
fe/packages/ui/components/illustrations/FeedToSheetIllustration.vue - 场景数据（各行内容）：
fe/packages/ui/components/illustrations/feedToSheetScenarios.js - 商店图文案/尺寸/排版：
.vitepress/theme/components/browser-extension/storeAssets.js+StoreAssetCanvas.vue
- 主示意图：
- dev 预览（所见即导出所得）：
vitepress dev→/demo/store-assets
设计依据
docs/superpowers/specs/2026-07-07-crx-store-assets-design.md