用途:为浏览器扩展完成品牌视觉与 Chrome 应用商店上架素材,分三阶段推进。阶段一探索 4–6 个互不相关的品牌方向,输出 1:1 的 concept-*.jpg 与 preview.html;阶段二由用户选定一个方向,删除其余方案,可选生成品牌指南,输出 app-icon.jpg、brand-guide.jpg;阶段三生成宣传图块、宣传幻灯片与商店文案,输出到 store/ 目录。
主要能力:自包含脚本直接调用 OpenRouter gpt-image-2,不依赖 blog-image-generator;支持按阶段运行,也支持仅生成截图(--screenshots-only)。商店截图固定 1280×800,要求为宣传利益点幻灯片,而非伪造的浏览器或扩展 UI 截图;图块按最接近比例生成后以 fit: cover 裁切到精确尺寸;截图默认 paddingPercent: 0,需满幅出血。文案写入 store/product-details.md,短描述不超过 132 字符。
使用方式:先将 brand.config.example.json 复制为 {outputDir}/brand.config.json,填写产品名、品牌提示词前缀、颜色、概念提示词与商店幻灯片提示词;在仓库根目录加载环境变量后运行。命令示例:set -a && source .env && set +a && bun .cursor/skills/extension-store-assets/scripts/generate.ts --config=public/_static/peel-ui/brand.config.json --phase=concepts,将 --phase 依次替换为 brand-guide、store,或追加 --screenshots-only。阶段一后需在配置中把 iconFile 设为选定文件名并删除其他概念,再运行阶段二与三。
适用场景:扩展上架前的品牌探索、图标与品牌指南制作、商店宣传图与文案准备。限制:不得跳过阶段一;不得为商店幻灯片生成写实 UI 截图;不得编辑 lib/blog-image-generator/generate.ts;不得使用 blog _references/ 风格参考;除显式设置 paddingPercent > 0 外不得给 1280×800 幻灯片加黑边;避免小内容居中于大片空白、纯抽象图标行、无示例数据的幻灯片;发布前必须做视觉检查。尺寸、提示词模板与文案模板分别见 sizes.md、prompts.md、product-details-template.md。