@tomako/tools-runtime 0.1.0

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

@@ -0,0 +1,115 @@
+const tools = {
+    meta: {
+      title: "免費線上工具：產品、行銷與內容",
+      description: "免費使用產品命名、市場研究、App 上架圖和社群內容等線上工具。"
+    },
+    eyebrow: "全部工具",
+    title: "免費工具，幫你完成產品、行銷與內容任務",
+    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-tw/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-tw/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;