@tomako/tools-runtime 0.1.0

package/src/i18n/messages/zh/page/tools.ts

@@ -0,0 +1,124 @@
+const tools = {
+  meta: {
+    title: "免费在线工具：产品、营销与内容",
+    description:
+      "免费使用产品起名、市场调研、App 上架图和社媒内容等在线工具。",
+  },
+  eyebrow: "全部工具",
+  title: "免费工具，帮你完成产品、营销与内容任务",
+  heroTitle: "用可执行工具，把上线前的 GTM 工作跑清楚",
+  description:
+    "产品起名、市场调研、App 上架图和社媒内容等工具都在这里，选择一个即可开始。",
+  toolsCount: "{count} 个工具可免费使用",
+  filters: {
+    all: "全部工具",
+    build: "制作与上线",
+    research: "调研与规划",
+    promote: "推广与内容",
+    utilities: "实用工具",
+    fun: "趣味工具",
+    other: "其他工具",
+  },
+  primaryCta: "查看精选工具",
+  secondaryCta: "浏览全部工具",
+  navLabel: "工具",
+  navAll: "全部工具",
+  navFeatured: "精选",
+  navCategories: "分类",
+  featuredLabel: "精选工具",
+  featuredHint: "从输入到可执行结果",
+  openTool: "使用工具",
+  allIntro: "按你的当前任务选择工具：先命名、再自检、再补齐上架图和社媒素材。",
+  all: "全部工具",
+  stats: {
+    tools: "可用工具",
+    categories: "工具分类",
+    updated: "最近更新",
+  },
+  updated: "更新于",
+  readingTime: "阅读时间",
+  types: {
+    calculator: "计算器",
+    downloader: "下载器",
+    generator: "生成器",
+    analyzer: "分析器",
+    tester: "测试器",
+  },
+  workflowEyebrow: "从任务到下一步",
+  workflowTitle: "每个工具都把输入、结果和下一步串起来",
+  workflowDescription:
+    "先确认你当前要完成什么，再进入工具工作台拿到可复制、可下载或可继续复核的结果。",
+  workflowSteps: [
+    {
+      title: "确认当前任务",
+      body: "每个工具都说明适合什么阶段、需要输入什么，以及哪些情况不适合使用。",
+    },
+    {
+      title: "直接进入工作台",
+      body: "把输入区、操作按钮和结果状态放在核心位置，让你快速拿到可用产出。",
+    },
+    {
+      title: "带着结果往前走",
+      body: "命名、自检、上架图和社媒素材可以串成一条发布前准备路径。",
+    },
+  ],
+  chooserTitle: "不知道先用哪个工具？",
+  chooserIntro:
+    "按当前卡点选择工具，而不是按功能名硬选。每个工具都会说明需要输入什么、能得到什么，以及结果下一步怎么用。",
+  chooserItems: [
+    {
+      title: "还没确定产品名",
+      body: "先用产品取名器，把产品想法、目标用户和域名偏好转成可比较的候选名，再决定要不要继续深查。",
+    },
+    {
+      title: "准备开始对外推广",
+      body: "用 GTM 就绪度自检清单检查定位、渠道、素材和衡量指标，先补影响上线的缺口。",
+    },
+    {
+      title: "需要应用商店素材",
+      body: "上传产品 URL 或 UI 截图，先生成 Apple App Store 或 Google Play 上架图方向，再继续精修。",
+    },
+    {
+      title: "要保存社媒动图素材",
+      body: "粘贴公开 X/Twitter 链接，把帖子里的动图视频源转换成 GIF 或保留 MP4 源文件。",
+    },
+  ],
+  standardsEyebrow: "为什么选 Tomako",
+  standardsTitle: "好工具不是模板堆叠，而是把当前任务收束成可用结果",
+  standardsIntro:
+    "Tomako 的工具页会先说明适合谁、需要输入什么、会得到什么，再把结果、边界和下一步放到同一个页面里。这样你不必在文章、脚本、插件和临时模板之间来回切换。",
+  standardItems: [
+    {
+      title: "输入边界清楚",
+      body: "每个工具都会说明支持什么链接、文本、截图或产品信息，也会写出不适合使用的情况，避免你提交后才发现方向不对。",
+    },
+    {
+      title: "结果能直接带走",
+      body: "输出优先做成可复制、可下载、可预览或可复核的形态，而不是只给一段泛泛建议。",
+    },
+    {
+      title: "失败和风险不藏起来",
+      body: "下载、转换、生成和分析类任务都会把失败原因、平台限制、版权/隐私边界或人工复核要求写清楚。",
+    },
+  ],
+  faqTitle: "使用这些免费 GTM 工具前常见的问题",
+  faqItems: [
+    {
+      question: "这些工具适合什么阶段使用？",
+      answer:
+        "更适合产品从想法走向发布前后的阶段：命名、上线检查、应用商店素材、社媒素材整理和增长准备。它们不是泛营销模板，而是围绕一个明确任务给出可复制或可下载的结果。",
+    },
+    {
+      question: "是否需要登录或付费？",
+      answer:
+        "当前公开工具页可以直接打开使用。部分生成或分析工具可能需要等待结果生成；下载、转换、清单类工具会尽量把输入和结果放在页面里即时完成。",
+    },
+    {
+      question: "结果可以直接发布吗？",
+      answer:
+        "工具结果适合作为上线前草案、检查清单或素材起点。涉及品牌、合规、商店审核或第三方平台内容时，发布前仍应结合真实产品信息、平台规则和人工复核。",
+    },
+  ],
+} as const;
+
+export default tools;

package/src/i18n/messages/zh/tools/app-icon-resizer.ts

@@ -0,0 +1,242 @@
+const appIconResizer = {
+  meta: {
+    title: "App Icon 切图：iOS 与 Android 尺寸包",
+    description:
+      "上传一张 App Icon，本地切出 iOS / App Store / Google Play / Android 尺寸包，并打包 ZIP 下载。",
+    intro: "为 App 上架和工程交付准备图标资源。上传 1024px+ 方形源图，选择 Apple、Google Play 或双平台尺寸包，源图不上传服务器。",
+    category: "App 上架工具",
+    keywords: [
+      "app icon 切图",
+      "App Store icon",
+      "Google Play icon",
+      "iOS AppIcon",
+      "Android mipmap",
+    ],
+    inputSignal: "PNG、JPG 或 WebP 图标源文件",
+    outputSignal: "AppIcon.appiconset、App Store 1024、Google Play 512、Android mipmap、README、ZIP",
+    boundarySignal: "浏览器本地处理；不生成 adaptive icon；需复核平台最新规则和品牌版权",
+  },
+  guide: {
+    heroVisualAlt:
+      "App Icon 资源包视觉图，展示一个源图标导出为商店提交图标、Xcode 资源和 Android launcher 文件。",
+    workspaceHeading: "App Icon 切图",
+    workspaceHint:
+      "上传源图，本地生成商店与工程图标 ZIP。",
+    workspaceBadge: "PNG + ZIP",
+    standard: {
+      benefits: {
+        title: "这个 App Icon 切图工具能带来什么",
+        cards: [
+          {
+            title: "一张源图覆盖多端",
+            body: "一次生成 Xcode AppIcon、App Store 1024、Google Play 512 和 Android mipmap，减少重复导出。",
+          },
+          {
+            title: "尺寸与目录自动整理",
+            body: "按 Apple、Google Play 或双平台分组、命名和打包，设计与研发更容易拿到正确文件。",
+          },
+          {
+            title: "本地生成，先看再下",
+            body: "源图不上传服务器；先在透明网格中检查裁切、边缘和体积风险，再下载 PNG 或 ZIP。",
+          },
+        ],
+      },
+      imageTextSections: [
+        {
+          id: "icon-package",
+          title: "一张源图\n生成完整尺寸包",
+          body: [
+            "App Icon 切图最容易出错的地方不是缩放，而是尺寸、目录和命名混乱。这个工具把 iOS AppIcon.appiconset、App Store 1024、Google Play 512 和 Android mipmap 分组输出。",
+            "源图只在浏览器本地读取，生成后你可以直接下载 ZIP，也可以筛选平台逐个复核 PNG。",
+          ],
+          image: {
+            src: "/tools/app-icon-resizer-section-primary-8bit-v3.webp",
+            alt: "App Icon 源图生成平台图标尺寸包的 8bit 场景图",
+          },
+          imageFirst: true,
+        },
+        {
+          id: "platform-scope",
+          title: "按平台选择\n不混淆上传图和工程图",
+          body: [
+            "Apple、Google Play 和 Android 工程资源不是同一个文件。Apple 侧主要交给 Xcode 资产目录，Google Play 需要 512 x 512 商店图，Android launcher 还会按密度分目录。",
+            "选择平台范围后，结果区会按平台筛选，方便设计、研发和 ASO 团队确认自己该拿哪一组文件。",
+          ],
+          image: {
+            src: "/tools/app-icon-resizer-section-variation-8bit-v3.webp",
+            alt: "App Icon 平台资源包选择的 8bit 场景图",
+          },
+        },
+        {
+          id: "handoff-review",
+          title: "先预览再下载\n减少上架前返工",
+          body: [
+            "结果区会用透明网格展示每个 PNG，避免把透明像素误看成灰底。非方形图会居中裁切，过小源图会被拦截。",
+            "下载后的 README 会说明每个目录的使用位置，并提醒圆角、阴影、adaptive icon、版权和平台最新规则仍需要人工复核。",
+          ],
+          image: {
+            src: "/tools/app-icon-resizer-section-support-8bit-v3.webp",
+            alt: "App Icon 预览复核和 ZIP 下载的 8bit 场景图",
+          },
+          imageFirst: true,
+        },
+      ],
+      generation: {
+        title: "App Icon\n切图流程",
+        imageAlt: "上传 App Icon 后选择平台、裁切预览并导出 ZIP 的 8bit 流程图",
+        ctaLabel: "生成图标资源包",
+        steps: [
+          {
+            title: "上传一张源图",
+            body: "从设计源文件导出方形满版 PNG，或上传 JPG / WebP。Apple 或双平台包需要源图短边至少 1024px。",
+          },
+          {
+            title: "选择平台范围",
+            body: "选择 Apple、Google Play 或双平台。工具会自动匹配对应尺寸清单和目录结构。",
+          },
+          {
+            title: "生成 PNG 与 README",
+            body: "浏览器本地裁切、缩放、保留透明像素，并写入说明文件，不把源图上传到服务器。",
+          },
+          {
+            title: "复核后下载 ZIP",
+            body: "在结果区筛选平台、检查透明网格和体积风险，然后下载完整 ZIP 或单个 PNG。",
+          },
+        ],
+      },
+      faqIntro:
+        "这些问题帮助你判断源图是否合适、生成的文件怎么用，以及哪些平台边界仍要手动复核。",
+      faqCtaLabel: "查看边界",
+    },
+    whatYouGetHeading: "生成后会得到什么",
+    valueVisualAlt: "整理好的 App Icon 文件包，包含 Xcode 资源目录、商店提交图标、Android 工程目录和 ZIP 下载包。",
+    whatYouGetItems: [
+      {
+        title: "Xcode AppIcon.appiconset",
+        body: "生成 iPhone、iPad 和 ios-marketing 常用 slots，并附带 Contents.json，方便拖入或替换 Xcode 资产目录。",
+      },
+      {
+        title: "App Store 1024 PNG",
+        body: "额外导出 1024 x 1024 PNG，便于上架前复核图标主体、留白、边缘和品牌一致性。",
+      },
+      {
+        title: "Google Play 512 图标",
+        body: "输出 Google Play Console store listing 使用的 512 x 512 PNG，并在文件超过 1024KB 时给出风险提示。",
+      },
+      {
+        title: "Android launcher mipmap",
+        body: "导出 mdpi 到 xxxhdpi 的 legacy launcher PNG，适合 Android 工程资源或设计交付目录使用。",
+      },
+      {
+        title: "ZIP 与单图下载",
+        body: "生成后可以下载完整 ZIP，也可以在结果区筛选 Apple 或 Google Play 资源并单独下载某个 PNG 尺寸。",
+      },
+    ],
+    standardsHeading: "上传前需要知道的平台边界",
+    supportVisualAlt: "App icon 尺寸支持范围视觉图，展示 Apple、Google Play 和 Android launcher 文件组。",
+    standardsBody: [
+      "Apple 侧不是在 App Store Connect 里逐个上传多尺寸图标。官方流程是用 Xcode asset catalog 准备 app icon，再随 build 上传到 App Store Connect。",
+      "这个工具会生成 Apple/AppIcon.appiconset 和单独的 Apple/AppStoreIcon-1024.png。前者用于工程接入，后者用于上架前复核和团队交付。",
+      "Google Play Console 的 store listing app icon 需要 512 x 512、32-bit PNG、sRGB、最大 1024KB，并应符合 Google Play 图标设计规范。工具会生成 GooglePlay/app-icon-512.png，并提示体积风险。",
+      "Android launcher mipmap 是工程资源，不等同于 Google Play 上传图。当前输出 legacy launcher PNG，不生成 adaptive icon 的 foreground/background XML 组合。",
+      "上传前不要预先做圆角或外阴影。Apple、Google Play 和 Android launcher 会根据各自平台应用遮罩、圆角或阴影；提前处理可能导致二次裁切。",
+      "最稳妥的源图是 1024 x 1024 或更大的方形满版图。非方形图会居中裁切；透明区域会保留，但正式提交前建议复核不同背景下的可读性。",
+    ],
+    comparisonHeading: "一个好的 App Icon 切图工具应该具备什么",
+    comparisonItems: [
+      {
+        standard: "尺寸准确",
+        manual: "手工切图容易漏掉 Xcode slots，或把 Google Play 上传图和 Android launcher 图混在一起。",
+        tomako: "按 Apple、Google Play 和 Android 分组生成固定目录，结果区也能按平台筛选复核。",
+      },
+      {
+        standard: "交付省心",
+        manual: "设计工具里逐个建画板、导出、改名，很容易在发版前反复返工。",
+        tomako: "上传一次即可得到 ZIP、单图下载和 README，适合设计、研发、ASO 团队统一交付。",
+      },
+      {
+        standard: "质量可复核",
+        manual: "小源图被无提示放大，非方形图被拉伸，问题常常到商店后台或真机预览才暴露。",
+        tomako: "拦截过小源图，非方形图只做居中裁切，并在结果区用透明网格预览每个 PNG。",
+      },
+      {
+        standard: "边界清楚",
+        manual: "很多工具只说“App Store 尺寸”，但没有说明 Apple、Google Play 和 Android 工程资源的区别。",
+        tomako: "页面和 ZIP 说明会标注各文件的使用位置，并提醒 adaptive icon、圆角、版权和最新平台规则需要复核。",
+      },
+      {
+        standard: "本地处理",
+        manual: "在线批量切图可能上传未发布品牌素材，团队难以确认文件去向。",
+        tomako: "当前版本在浏览器本地读取、切图和打包，不把 App Icon 源文件上传到服务器。",
+      },
+    ],
+    resultGuidanceHeading: "下载后怎么使用这些图标",
+    workflowVisualAlt: "App icon 结果使用视觉图，展示 ZIP、Xcode 资产目录和商店后台上传流转。",
+    resultGuidanceBody: [
+      "iOS 工程：把 Apple/AppIcon.appiconset 导入或替换到 Xcode asset catalog，再通过 build 提交到 App Store Connect。",
+      "App Store 复核：使用 Apple/AppStoreIcon-1024.png 检查主体位置、留白、背景、边缘和不同尺寸下的识别度。",
+      "Google Play：上传 GooglePlay/app-icon-512.png 到 Play Console store listing 的 App icon 字段，并确认文件体积不超过平台要求。",
+      "Android 工程：把 Android/res/mipmap-* 下的 ic_launcher.png 交给工程使用；如果项目需要 adaptive icon，需要在 Android 工程里另外配置。",
+      "如果输出图标显得太小、主体偏移或边缘被裁掉，回到设计源文件调整画布和留白，再重新上传生成。",
+      "正式提交前仍要复核平台最新规范、商标/版权授权、透明度、暗黑/浅色背景可读性和品牌规范。",
+    ],
+    useCasesHeading: "适用场景",
+    useCaseItems: [
+      "独立开发者在 App Store Connect 和 Google Play Console 上架前准备图标资源包。",
+      "设计师把最终 App Icon 交付给 iOS、Android、ASO 或外包团队，减少来回追尺寸文件。",
+      "增长或运营团队测试新图标方向时，快速生成可复核、可上传的候选尺寸包。",
+      "产品发布前检查工程图标、商店图标和上架截图是否使用同一版视觉资产。",
+      "远程团队或外包项目用固定目录和命名降低交付沟通成本。",
+      "早期产品或未发布品牌素材在不上传源文件的前提下完成本地切图。",
+    ],
+    faqHeading: "常见问题",
+    faqItems: [
+      {
+        question: "上传的 App Icon 会保存到服务器吗？",
+        answer:
+          "不会。当前工具在浏览器本地读取图片、绘制 canvas、生成 PNG 和 ZIP；刷新页面后文件状态会消失，源图不会上传到服务器。",
+      },
+      {
+        question: "生成的图标能直接上传到 App Store 和 Google Play 吗？",
+        answer:
+          "GooglePlay/app-icon-512.png 面向 Google Play Console 的 App icon 上传要求。Apple 侧更准确的路径是把 AppIcon.appiconset 放入 Xcode，随 build 提交到 App Store Connect。",
+      },
+      {
+        question: "源图应该准备成什么格式和尺寸？",
+        answer:
+          "推荐上传 1024 x 1024 或更大的方形 PNG。JPG 和 WebP 也支持，但正式交付前建议从设计源文件导出方形满版图，避免压缩、透明或边缘问题。",
+      },
+      {
+        question: "为什么不自动加圆角或阴影？",
+        answer:
+          "商店和系统会应用自己的遮罩、圆角或阴影。提前把图标做圆角可能导致二次裁切、边缘不齐或不符合平台要求。",
+      },
+      {
+        question: "源图不是方形怎么办？",
+        answer:
+          "当前会按中心裁成方形，不会拉伸图片。正式交付建议回到设计源文件导出方形满版图，避免主体偏移或边缘被裁掉。",
+      },
+      {
+        question: "透明背景的图标会怎么处理？",
+        answer:
+          "工具会保留透明像素，并在结果预览里用透明网格展示。正式上架前建议确认图标在浅色、深色和平台遮罩下都能被清楚识别。",
+      },
+      {
+        question: "这个工具会生成 Android adaptive icon 吗？",
+        answer:
+          "不会。当前输出 Google Play 512 和 legacy launcher mipmap PNG，不生成 adaptive icon 的 foreground/background XML 组合。需要 adaptive icon 时仍要在 Android 工程中按品牌规范配置。",
+      },
+      {
+        question: "图片太小会怎样？",
+        answer:
+          "选择 Apple 或双平台时，源图短边低于 1024px 会被拦截；只生成 Google Play / Android 时，短边低于 512px 会被拦截。Google Play 512 图标超过 1024KB 时会显示风险提示。",
+      },
+    ],
+    ctaPrimary: "继续做商店截图",
+    ctaSecondary: "返回全部工具",
+    ctaHint:
+      "图标资源准备好后，下一步通常是生成 App Store 和 Google Play 上架截图，让商店视觉保持同一套品牌语言。",
+  },
+} as const;
+
+export default appIconResizer;

package/src/i18n/messages/zh/tools/app-store-screenshot-generator.ts

@@ -0,0 +1,145 @@
+const appStoreScreenshotGenerator = {
+  meta: {
+    title: "App Store / Google Play 上架截图生成器",
+    displayTitle: "App Store / Google Play 上架截图生成器",
+    description:
+      "上传真实 UI 截图并补充产品信息，生成 Apple App Store 或 Google Play 上架截图套图，便于评审与继续精修。",
+    intro: "为 App 发布和 ASO 准备商店截图与横版主图，用产品上下文和内置 prompt 生成一套视觉方向，再按平台规则复核。",
+    category: "ASO 工具",
+    keywords: [
+      "应用商店上架图",
+      "App Store 截图",
+      "Google Play 截图",
+      "ASO 素材",
+    ],
+  },
+  guide: {
+    heroVisualAlt:
+      "应用商店上架图生成器 Hero 视觉图，展示一套应用商店截图。",
+    workspaceHeading: "上传 UI 截图生成上架图",
+    workspaceHint:
+      "上传真实 UI 截图后，云端 Agent 会通过 Skills-OL 抓取补充上下文、规划完整套图并提交真实生图任务。",
+    whatYouGetHeading: "生成后会得到什么",
+    valueVisualAlt:
+      "应用商店上架图导出包，展示多张手机截图、横版主图、PNG 和 SVG 文件。",
+    whatYouGetItems: [
+      {
+        title: "平台尺寸套图",
+        body: "按商店规格输出 App Store 最多 10 张截图，或 Google Play feature graphic 加最多 8 张手机图，先看完整套图方向是否成立。",
+      },
+      {
+        title: "可下载 PNG",
+        body: "选中某张上架图后可直接下载 PNG，用于团队复核、商店后台上传或设计评审。",
+      },
+      {
+        title: "可交接 SVG 包装",
+        body: "需要交给设计侧时下载 SVG 包装文件，保留生成图、尺寸和 prompt 元数据，方便继续复盘和精修。",
+      },
+      {
+        title: "明确的来源边界",
+        body: "UI 截图是必填视觉来源；URL 只作为 brief 输入并由 Skills-OL 抓取公开上下文。避免使用真实用户、隐私数据或未授权品牌素材。",
+      },
+      {
+        title: "失败原因提示",
+        body: "缺 URL、未上传截图、格式不支持或导出失败时，结果区会给出可恢复提示，而不是生成空素材。",
+      },
+    ],
+    comparisonHeading: "一个好的上架图生成器应该具备什么",
+    comparisonItems: [
+      {
+        standard: "尺寸清楚",
+        manual: "手工套模板容易把 App Store 竖图、Google Play 手机图和横版主图混成同一构图。",
+        tomako: "先按平台和版式生成对应画布，让你在设计精修前看清每类素材的构图差异。",
+      },
+      {
+        standard: "速度够快",
+        manual: "从空白画板开始试风格、尺寸和文案，常常要在设计工具里反复搭骨架。",
+        tomako: "上传真实 UI 截图后即可得到一组围绕界面展开的预览，适合先筛方向，再决定是否投入设计精修。",
+      },
+      {
+        standard: "结果可编辑",
+        manual: "截图生成器只给扁平 PNG，后续改标题、配色或真实界面时还要重做。",
+        tomako: "返回真实生图 PNG，并提供带 prompt 元数据的 SVG 包装，方便先复核方向，再交给设计继续精修。",
+      },
+      {
+        standard: "边界可信",
+        manual: "很多工具把生成结果说成可直接上线，忽略商店尺寸、隐私、商标和平台审核风险。",
+        tomako: "页面和结果提示都明确正式上传前仍要按最新平台规则和品牌素材复核。",
+      },
+      {
+        standard: "素材安全",
+        manual: "上传未发布截图到不确定的在线工具，团队很难判断文件去向。",
+        tomako: "页面明确说明上传截图会进入生图任务；正式产品或含隐私内容的截图应先脱敏再使用。",
+      },
+    ],
+    supportHeading: "支持范围与失败边界",
+    supportVisualAlt:
+      "应用商店素材支持边界视觉图，展示手机图、横版主图、隐私标记和复核清单。",
+    supportBody: [
+      "必须上传本地 UI 截图；产品 URL、App Store / Google Play 链接、产品名和卖点用于补充标题、描述和页面摘要。",
+      "支持 Apple App Store 和 Google Play 两类平台方向，并提供完整截图套图、竖版截图或横版 feature graphic。",
+      "当前会通过云端 Agent 调用 Skills-OL，再由 Skills-OL 提交真实生图任务；但不连接 App Store Connect 或 Google Play Console 后台。",
+      "如果截图含测试账号、真实用户、隐私数据或未授权品牌，请先脱敏或不要上传。",
+      "如果没有结果，先检查 URL 是否为空、上传文件是否为 PNG/JPG/WebP、浏览器是否阻止本地文件读取，以及是否选择了正确的输入来源。",
+      "正式上架前仍要复核最新尺寸、审核政策、商标/版权授权、隐私内容、文案承诺和不同设备上的可读性。",
+    ],
+    resultGuidanceHeading: "下载后怎么使用这些上架图",
+    useCaseVisualAlt:
+      "产品和设计团队整理应用商店上架图素材，展示截图板、横版主图、配色和导出文件夹。",
+    resultGuidanceBody: [
+      "把 PNG 当作方向图或评审图，先确认首张截图是否讲清核心收益，再决定是否继续精修。",
+      "把 SVG 包装文件交给设计师用于追踪 prompt、尺寸和生成图，再继续替换真实产品截图、品牌字体、正式文案和本地化版本。",
+      "App Store 与 Google Play 不要盲目复用同一张图。竖版截图、iPad 图和横版 feature graphic 应分别检查主体比例。",
+      "如果生成图看起来信息太满，优先删掉小标签、次要功能和过长副标题，让首屏利益点更清楚。",
+      "上传到真实商店后台前，使用最新官方规格和审核指南复查尺寸、内容、隐私、商标、版权和夸张承诺。",
+    ],
+    useCasesHeading: "适用场景",
+    useCaseItems: [
+      "独立开发者准备首版 App Store 或 Google Play 上架素材，先确定视觉方向。",
+      "增长团队快速比较 ASO 截图、功能卖点图和横版主图的不同风格。",
+      "产品团队把新版本 UI 截图转成商店更新素材，用于发布计划或活动页评审。",
+      "设计师收到粗糙产品 brief 后，先生成低保真方向，再决定最终画板和截图顺序。",
+      "外包或远程团队用 PNG/SVG 对齐文案、构图和品牌色，减少反复沟通。",
+      "上架前检查 App Icon、商店截图、社媒素材是否使用同一套品牌语言。",
+    ],
+    faqHeading: "常见问题",
+    faqItems: [
+      {
+        question: "这个工具会自动抓取产品 URL 吗？",
+        answer:
+          "会抓取可公开访问页面的 title、description、OG 信息和少量页面摘要，用来推导产品卖点和套图文案。登录后内容、反爬页面或无法访问的 URL 可能抓取失败。",
+      },
+      {
+        question: "上传的 UI 截图会保存到服务器吗？",
+        answer:
+          "选择 UI 截图模式时，截图会作为参考图提交给生图服务。请不要上传真实用户数据、未脱敏后台、客户信息或未授权品牌素材。",
+      },
+      {
+        question: "生成的 PNG 能直接上传到 App Store 或 Google Play 吗？",
+        answer:
+          "可以作为团队复核或上传前预览，但正式发布前必须按平台最新尺寸、内容政策、隐私、商标和版权要求复查。不要把生成结果当成最终审核保证。",
+      },
+      {
+        question: "为什么还提供 SVG 下载？",
+        answer:
+          "当前 SVG 是生成图包装文件，会保留图片引用、尺寸和 prompt 元数据，方便交给设计师复盘方向并继续精修。",
+      },
+      {
+        question: "没有真实产品截图时能用吗？",
+        answer:
+          "需要先上传真实 UI 截图生成上架图；产品 URL 或产品名只能补充上下文，不能替代真实界面。",
+      },
+      {
+        question: "这个工具会检查最新商店审核规则吗？",
+        answer:
+          "不会。它负责生成视觉结果，不连接 App Store Connect、Google Play Console 或实时政策接口。正式上传前请按官方后台和最新指南复核。",
+      },
+    ],
+    ctaPrimary: "先切 App Icon",
+    ctaSecondary: "返回全部工具",
+    ctaHint:
+      "商店截图通常和 App Icon 一起评审。如果图标尺寸包还没准备好，可以先生成 App Icon 资源，再回来统一上架图风格。",
+  },
+} as const;
+
+export default appStoreScreenshotGenerator;