@tomako/tools-runtime 0.1.0

package/src/i18n/messages/zh-tw/tools/million-user-growth-test.ts

@@ -0,0 +1,385 @@
+const millionUserGrowthTest = {
+  meta: {
+    title: "測測產品多久到百萬用戶",
+    displayTitle: "測測你的產品啥時候到 100 萬用戶",
+    description: "輸入產品名、當前用戶規模和增長方式，生成一張娛樂向百萬用戶預測卡。結果由 Tomako AI 趣味生成，僅供娛樂，不代表真實預測或實際觀點。",
+    intro: "給你的產品發一張增長判決書：什麼時候到 100 萬用戶、屬於哪種創始人命格、為什麼可能卡住，以及一句適合截圖分享的吐槽。",
+    category: "趣味增長工具",
+    keywords: [
+      "百萬用戶測試",
+      "產品增長測試",
+      "創業產品趣味測試",
+      "AI 娛樂測試",
+      "營銷 AI Agent",
+    ],
+    inputSignal: "產品名、描述、用戶規模和增長方式",
+    outputSignal: "百萬用戶預測卡 + 分享文案",
+    boundarySignal: "娛樂生成內容，不代表真實商業預測或 Tomako 實際觀點",
+  },
+  examples: [
+    {
+      label: "剛上線的 AI 工具",
+      input: "產品名：PromptBox；當前用戶 1-100；增長方式靠內容；創始人每天發版",
+      expectedOutput: "生成一張娛樂預測卡，給出到達 100 萬用戶的誇張時間、三條定製理由和分享文案。",
+    },
+    {
+      label: "反覆改定位的 SaaS",
+      input: "產品名：OpsPilot；當前用戶 100-1000；增長方式靠社群；創始人天天想 pivot",
+      expectedOutput: "結果會更偏向創始人狀態吐槽，並保留僅供娛樂、不代表真實預測的提示。",
+    },
+    {
+      label: "預算型廣告增長",
+      input: "產品名：AdMint；當前用戶 1 萬以上；增長方式靠廣告；創始人主打銷售",
+      expectedOutput: "結果會把用戶規模和廣告增長方式納入文案，但仍定位為趣味測試。",
+    },
+  ],
+  widget: {
+    productNameLabel: "產品名",
+    productNamePlaceholder: "例如：Tomako",
+    productDescriptionLabel: "一句話介紹",
+    productDescriptionPlaceholder: "例如：幫獨立開發者生成營銷頁面和增長內容的 AI Agent",
+    currentUsersLabel: "現在大概多少用戶",
+    growthMotionLabel: "主要靠什麼增長",
+    founderModeLabel: "創始人最近更像",
+    submit: "生成預測",
+    localFallbackCredit:
+      "由 Tomako 趣味測試本地生成：Tomako 是一款幫產品做內容與增長實驗的營銷 AI Agent。",
+    formFootnote: "結果是娛樂生成內容，適合截圖和分享，不構成商業建議。",
+    previewProduct: "你的產品",
+    previewTitle: "結果卡預覽",
+    previewSubtitle: "生成後會得到一張適合截圖的增長判決書。",
+    previewCardKicker: "1M USER TEST",
+    previewEta: "下輩子 Q3",
+    resultKicker: "百萬用戶預測",
+    scoreLabel: "玄學指數",
+    shareCardLabel: "分享卡",
+    adviceLabel: "一句不太嚴肅的建議",
+    shareCopyLabel: "可複製分享文案",
+    copy: "複製結果",
+    copied: "已複製",
+    reset: "再測一次",
+    status: {
+      submitting: "正在請 Tomako AI 開始整活...",
+      running: "Tomako AI 正在把結果調到剛好能截圖的程度。狀態：{status}",
+      agentResult: "AI 結果來源：Tomako 任務 {taskId}。",
+      localFallback: "AI 結果暫時沒有回來，先展示本地娛樂版結果。",
+    },
+    errors: {
+      productName: "先給產品起個能被人類讀懂的名字。",
+      productDescription: "介紹再具體一點，至少說清楚它幫誰做什麼。",
+    },
+    currentUserOptions: [
+      { value: "zero", label: "0，還在等第一個陌生人" },
+      { value: "under_100", label: "1-100，朋友和早期用戶" },
+      { value: "under_1k", label: "100-1000，有一點真實信號" },
+      { value: "under_10k", label: "1000-10000，正在找突破口" },
+      { value: "over_10k", label: "1 萬以上，已經不是幻覺" },
+    ],
+    growthMotionOptions: [
+      { value: "content", label: "靠內容慢慢發酵" },
+      { value: "ads", label: "靠廣告買一點確定性" },
+      { value: "community", label: "靠社區和口碑" },
+      { value: "friends", label: "靠朋友支持和轉發" },
+      { value: "partnerships", label: "靠合作和渠道" },
+      { value: "mysticism", label: "靠玄學、運氣和算法眷顧" },
+    ],
+    founderModeOptions: [
+      { value: "shipping", label: "猛幹發版型" },
+      { value: "logo_tuning", label: "反覆改 logo 型" },
+      { value: "pivoting", label: "天天想 pivot 型" },
+      { value: "waiting", label: "等靈感降臨型" },
+      { value: "sales", label: "硬著頭皮銷售型" },
+    ],
+    previewItems: [
+      "預測什麼時候到 100 萬用戶",
+      "給一個創始人增長段位",
+      "生成三條有輸入痕跡的吐槽理由",
+    ],
+    copyBank: {
+      tomakoCredit: "由 Tomako AI 生成：營銷 AI Agent，幫產品做內容與增長實驗。",
+      disclaimer: "測試結果僅供娛樂，不代表真實預測、商業建議或 Tomako 的實際觀點。",
+      eta: {
+        hopeless: [
+          "下輩子都達不到",
+          "下輩子 Q3，前提是別再改定位",
+          "等第 1000001 個朋友轉發",
+          "2039 年，但需要先認識 10 個陌生用戶",
+        ],
+        slow: [
+          "2032 年的某個週二",
+          "等你第 47 次改首頁之後",
+          "大概在投資人忘記問增長的時候",
+          "先到 1000，再談 100 萬",
+        ],
+        possible: [
+          "2029 年，靠一個意外爆帖",
+          "三年後小火一把",
+          "等第一個真實渠道跑通後",
+          "某次你沒抱期待的發佈之後",
+        ],
+        promising: [
+          "18 個月後有機會摸到邊",
+          "下一輪增長實驗跑順之後",
+          "2027 年底，前提是別自廢武功",
+          "比你想的早，但比你 PPT 晚",
+        ],
+        rocket: [
+          "今晚就爆，但服務器先爆",
+          "6 個月內能嚇自己一跳",
+          "下一次正確傳播後",
+          "已經在路上，只差別把用戶嚇跑",
+        ],
+      },
+      archetype: {
+        shipping: ["深夜發版型創始人", "用提交記錄祈福型增長官", "猛幹但偶爾忘記吆喝型"],
+        logo_tuning: ["Logo 調參型增長官", "視覺微調到市場失憶型", "把品牌色當增長槓桿型"],
+        pivoting: ["戰略性換方向選手", "Pivot 雷達常開型", "每週重寫一句話定位型"],
+        waiting: ["靈感降臨等待者", "增長天象觀察員", "先收藏再行動型創始人"],
+        sales: ["硬著頭皮開口型", "能賣就還有救型", "陌生人溝通恢復訓練中"],
+      },
+      verdict: {
+        hopeless: [
+          "{product} 不是沒有未來，是未來正在申請延期。",
+          "AI 讀完 {product} 後沉默了三秒，決定先保護你的情緒。",
+          "{product} 到 100 萬用戶的路不堵，只是暫時還沒修。",
+        ],
+        slow: [
+          "{product} 有希望，但目前更像在給市場留懸念。",
+          "這不是慢增長，這是把增長做成了連續劇。",
+          "{product} 現在的狀態：能看見光，但還沒找到門。",
+        ],
+        possible: [
+          "{product} 有機會，不過需要一個真正能複用的傳播動作。",
+          "它不是不會爆，是還沒找到那個能讓陌生人秒懂的角度。",
+          "{product} 已經有一點信號，下一步別隻在熟人圈自嗨。",
+        ],
+        promising: [
+          "{product} 看起來有點東西，只要別把用戶教育成論文答辯。",
+          "如果持續把賣點講清楚，100 萬用戶不是完全離譜。",
+          "{product} 的增長命格不錯，但仍然需要少一點玄學，多一點覆盤。",
+        ],
+        rocket: [
+          "{product} 已經不像整活了，開始像一個會被轉發的東西。",
+          "這個輸入有增長味道，建議先擴服務器再擴野心。",
+          "{product} 離 100 萬用戶不算遙遠，離少開幾個會更近。",
+        ],
+      },
+      reasonByUsers: {
+        zero: [
+          "當前用戶數還在空氣中預熱，第一批陌生用戶比百萬用戶更緊急。",
+          "你的增長漏斗目前非常清爽，因為裡面基本沒有人。",
+          "{product} 最大的優勢是沒有流失，主要原因是還沒開始大量獲取。",
+        ],
+        under_100: [
+          "早期用戶像火苗，能點起來，但別急著拿它煮 100 萬用戶的飯。",
+          "朋友支持很寶貴，但百萬用戶通常不靠朋友圈集贊完成。",
+          "現在的信號足夠開始驗證，但還不足夠寫傳奇故事。",
+        ],
+        under_1k: [
+          "你已經有一點真實反饋，下一步要把偶然喜歡變成可重複獲客。",
+          "100-1000 用戶最危險的錯覺是覺得自己已經懂市場了。",
+          "{product} 有小樣本信號，但百萬用戶需要更粗的增長管道。",
+        ],
+        under_10k: [
+          "你已經不是從零開始，真正的問題變成哪條增長路徑能放大。",
+          "這個階段別再只問用戶喜不喜歡，要問他們會不會替你傳播。",
+          "用戶數說明產品有點吸引力，但還沒證明它能自己滾起來。",
+        ],
+        over_10k: [
+          "1 萬以上說明不是幻覺，接下來每個模糊定位都會被規模放大。",
+          "你已經有基礎盤，增長瓶頸更可能來自傳播效率而不是產品存在感。",
+          "{product} 不是沒機會，只是現在每次表達不清都會損失很多陌生人。",
+        ],
+      },
+      reasonByMotion: {
+        content: [
+          "內容增長有複利，但前提是每篇內容不是寫給另一個自己看。",
+          "內容路線適合 {keyword}，但需要讓陌生人 3 秒內知道為什麼關心。",
+          "你在等爆款，爆款也在等一個更具體的標題。",
+        ],
+        ads: [
+          "廣告可以帶來流量，但如果表達不清，預算會先到 100 萬。",
+          "買流量沒問題，問題是落地頁不能像產品經理的內心獨白。",
+          "廣告路線會放大優點，也會放大一句話說不清的缺點。",
+        ],
+        community: [
+          "社區增長最吃真實感，太像廣告會被集體無視。",
+          "如果 {product} 能把用戶故事講出來，社區會比硬廣更友好。",
+          "社區不是許願池，需要先貢獻價值，再期待轉發。",
+        ],
+        friends: [
+          "朋友轉發是啟動器，不是發動機。",
+          "靠朋友支持可以破冰，但 100 萬用戶需要陌生人也願意開口。",
+          "現在最該驗證的是：不認識你的人能不能看懂 {product}。",
+        ],
+        partnerships: [
+          "合作渠道有機會，但對方首先要能一句話講清你解決什麼問題。",
+          "渠道不是魔法，它只會把清晰的價值放大。",
+          "如果 {product} 能給夥伴明確利益，增長會比單打獨鬥更快。",
+        ],
+        mysticism: [
+          "靠玄學也不是不行，只是算法最近也在看 KPI。",
+          "增長之神可能會路過，但最好先把按鈕和賣點放對位置。",
+          "運氣是好東西，不過它通常偏愛已經準備好的人。",
+        ],
+      },
+      reasonByFounder: {
+        shipping: [
+          "你很能發版，但用戶不會因為版本號自己長腿走來。",
+          "猛幹是優勢，別忘了把每次更新翻譯成用戶聽得懂的價值。",
+          "發版速度很健康，傳播肌肉還需要一起訓練。",
+        ],
+        logo_tuning: [
+          "Logo 又精緻了 3%，用戶理解度暫時沒有同步上漲。",
+          "視覺當然重要，但現在更缺的可能是一個能被複述的賣點。",
+          "如果品牌色能帶來用戶，你已經上市了。",
+        ],
+        pivoting: [
+          "方向感每週刷新一次，用戶剛想理解你，你已經去下一站了。",
+          "Pivot 可以救命，但太頻繁會讓傳播記憶清零。",
+          "建議先讓一個定位活過兩個星期。",
+        ],
+        waiting: [
+          "靈感確實會來，但它通常不會順手帶 100 萬用戶。",
+          "等風來也可以，最好同時把帆裝上。",
+          "收藏了 28 個增長方法後，下一步可能是用其中一個。",
+        ],
+        sales: [
+          "願意開口賣，已經超過很多隻會打磨產品的人。",
+          "銷售動作能帶來真實反饋，別把每次拒絕都當成宇宙否定。",
+          "你離增長更近，因為你至少在和市場發生真實摩擦。",
+        ],
+      },
+      advice: {
+        hopeless: [
+          "先別急著想 100 萬用戶，這周讓 10 個陌生人說出 {product} 是幹嘛的。",
+          "把願景收一收，先證明有人願意為 {keyword} 留下郵箱。",
+          "如果結果刺痛了你，恭喜，它至少證明你還在乎增長。",
+        ],
+        slow: [
+          "下一步不是再加功能，而是找一個能連續發佈 10 次的傳播角度。",
+          "先把一句話定位寫到朋友不用追問也能轉述。",
+          "別做年度增長計劃，先做一個本週能驗證的入口。",
+        ],
+        possible: [
+          "把現在最有效的一條渠道拆成動作清單，然後連續重複兩週。",
+          "選擇一個用戶最願意截圖的結果，把它做成傳播資產。",
+          "不要平均用力，先找到一個能讓陌生人主動試用的場景。",
+        ],
+        promising: [
+          "保留現在的勢頭，同時把每次增長嘗試變成可覆盤實驗。",
+          "把用戶最常說的一句話放到首頁，比多做三個功能更值。",
+          "你可以樂觀一點，但別讓樂觀替代渠道紀律。",
+        ],
+        rocket: [
+          "趁信號還熱，把用戶願意分享的那一刻產品化。",
+          "別隻慶祝增長，馬上記錄它從哪裡來、為什麼發生。",
+          "現在最該做的是減少摩擦，不要讓想分享的人找不到入口。",
+        ],
+      },
+      shareTitle: [
+        "我測了 {product} 到 100 萬用戶的時間：{score} 分玄學指數",
+        "Tomako 說 {product} 的百萬用戶命運有點離譜",
+        "{product} 的 100 萬用戶預測出來了，我先笑一下",
+      ],
+      shareBody: [
+        "結果：{product} 大概是「{keyword}」賽道里最會製造懸念的選手。",
+        "這不是商業預測，是創始人精神狀態體檢。",
+        "如果你也在做產品，建議測一下，至少能得到一句好笑但有點痛的建議。",
+      ],
+    },
+  },
+  guide: {
+    workspaceHint: "填 5 個信息，生成一張有吐槽、有產品名、有免責聲明的百萬用戶預測卡。",
+    workspaceBadge: "娛樂測試",
+    valueKicker: "為什麼會想分享",
+    valueTitle: "好笑只是入口，重點是結果像自己",
+    valueIntro:
+      "這個測試不追求預測準確，而是把產品階段、增長方式和創始人狀態組合成一張能截圖、能自嘲、能引發討論的結果卡。",
+    valueItems: [
+      {
+        title: "有輸入痕跡",
+        body: "結果會帶入產品名、描述關鍵詞、用戶規模和增長方式，不是所有人拿到同一句話。",
+      },
+      {
+        title: "輕微冒犯",
+        body: "文案會扎一下，但不羞辱用戶；“下輩子都達不到”是娛樂梗，不是評價產品。",
+      },
+      {
+        title: "品牌輕露出",
+        body: "結果底部說明 Tomako 是營銷 AI Agent，讓用戶知道這不是單純整活頁面。",
+      },
+    ],
+    standardsKicker: "好的趣味測試",
+    standardsTitle: "傳播性來自可截圖、可複述、可自嘲",
+    standardsIntro:
+      "普通測試只給一個數字，用戶看完就走。更適合傳播的結果應該像社交名片：表達自己的狀態，也能順手讓別人試一下。",
+    standards: [
+      {
+        title: "結果夠短",
+        body: "大結論、段位、三條理由和一句建議，控制在一屏內看懂。",
+      },
+      {
+        title: "邊界夠清楚",
+        body: "明確寫出 AI 趣味生成、僅供娛樂、不代表真實預測或實際觀點。",
+      },
+      {
+        title: "產品定位不硬塞",
+        body: "Tomako 的說明放在結果卡底部和頁面說明裡，服務信任，不搶走玩笑本身。",
+      },
+    ],
+    useCasesKicker: "適合什麼場景",
+    useCasesTitle: "用注意力打開增長對話",
+    useCasesIntro:
+      "這個頁面更像營銷增長裡的輕量傳播實驗，不是嚴肅分析工具。它應該讓用戶先笑，再知道 Tomako 能幫產品做內容與增長實驗。",
+    useCases: [
+      {
+        title: "社區發帖",
+        body: "創始人可以把結果卡發到社群，引出產品階段、增長方式和真實困境的討論。",
+      },
+      {
+        title: "發佈前預熱",
+        body: "新產品可以用這個測試製造一個低門檻互動，先讓人記住名字。",
+      },
+      {
+        title: "Tomako 能力樣例",
+        body: "頁面展示 Tomako 可以把一個營銷點子包裝成可發佈的互動工具。",
+      },
+    ],
+    faqKicker: "邊界和問題",
+    faqTitle: "先說清楚：這不是增長預測",
+    boundaryKicker: "免責聲明",
+    boundaryTitle: "結果只適合娛樂分享",
+    boundaryBody:
+      "測試不會讀取真實業務數據，也不會判斷產品商業價值。所有結果都是娛樂生成內容，不構成建議、承諾、評價或投資判斷。",
+    faqItems: [
+      {
+        question: "結果準嗎？",
+        answer:
+          "不準，也不應該當真。它的目標是生成一張有傳播性的趣味結果卡，而不是判斷一個產品的真實增長上限。",
+      },
+      {
+        question: "為什麼會出現“下輩子都達不到”？",
+        answer:
+          "這是結果庫裡的誇張娛樂表達，只用於自嘲和分享。頁面會同時顯示僅供娛樂、不代表實際觀點的提示。",
+      },
+      {
+        question: "Tomako 在這裡是什麼？",
+        answer:
+          "Tomako 是一款營銷 AI Agent，幫助產品團隊和獨立開發者做營銷內容、工具頁和增長實驗。這個測試是一個輕量娛樂樣例。",
+      },
+    ],
+    ctaHint: "想繼續看 Tomako 的其他營銷工具，可以從工具列表開始。",
+    ctaPrimary: "瀏覽更多工具",
+    ctaSecondary: "檢查社區發帖風險",
+    visualAlt: {
+      hero: "一張娛樂增長預測卡和產品傳播素材的視覺組合",
+      workspace: "產品信息生成分享卡的示意圖",
+      value: "從粗略產品想法變成可分享結果卡的視覺示意",
+      share: "社交平臺上分享百萬用戶測試結果的視覺場景",
+      boundary: "娛樂測試免責聲明和品牌署名的視覺示意",
+    },
+  },
+};
+
+export default millionUserGrowthTest;

package/src/i18n/messages/zh-tw/tools/og-image-generator.ts

@@ -0,0 +1,173 @@
+const ogImageGenerator = {
+  meta: {
+    title: "OG Image Generator：社群連結預覽圖工具",
+    displayTitle: "OG Image Generator",
+    description: "從 URL 或 brief 製作 Open Graph 連結預覽圖，調整文案與版面後預覽，並下載 PNG、JPEG 或 WebP 用於網站和社群分享。",
+    intro: "為產品發佈、部落格文章或連結分享製作預覽圖。輸入頁面 URL 或 brief，審閱文案和版面建議後，再預覽並下載最終檔案。",
+    category: "內容營銷工具",
+    keywords: [
+      "AI og image generator",
+      "open graph image",
+      "twitter header image",
+      "blog featured image",
+    ],
+    inputSignal: "頁面 URL、brief、標題、副標題、品牌名、配色、尺寸和模板",
+    outputSignal: "AI 建議方向、OG 圖片、X Header、Blog Featured、PNG/JPEG/WebP",
+    boundarySignal: "AI 可以提供文案、配色和版面方向；請在瀏覽器中確認預覽後再下載圖片",
+  },
+  guide: {
+    heroVisualAlt:
+      "AI 社媒圖片生成器視覺圖，展示 Open Graph 圖片、X header、博客封面和導出格式。",
+    workspaceHeading: "從 URL 或 brief 製作 OG 圖片",
+    workspaceHint:
+      "左側輸入 URL、brief、尺寸和模板，右側實時預覽。AI 建議寫回後仍可手動調整，再下載 PNG、JPEG 或 WebP。",
+    workspaceBadge: "AI + PNG / JPEG / WebP",
+    whyEyebrow: "Why Tomako",
+    whyHeading: "為什麼用 Tomako 創建 OG images",
+    valueVisualAlt: "社媒圖片資源包視覺圖，包含鏈接預覽、封面圖片和可下載文件。",
+    whyItems: [
+      {
+        title: "從 URL 讀取真實 Open Graph 數據",
+        body: "你可以先通過 API Request 獲取頁面 title、description、site name 和 og image，再讓 AI 基於真實頁面上下文生成方向。",
+      },
+      {
+        title: "AI 只負責創意方向，文件導出更穩定",
+        body: "AI 返回標題、摘要、模板和配色建議；最終圖片由瀏覽器 Canvas 精確渲染，避免生成結果不可控或無法下載。",
+      },
+      {
+        title: "同一 brief 覆蓋多個渠道",
+        body: "Open Graph、Twitter/X Header 和 Blog Featured image 使用同一套文案與品牌系統，減少重複設計工作。",
+      },
+    ],
+    implementationHeading: "生成後的 OG 素材如何引用",
+    implementationIntro:
+      "下載圖片後，把文件上傳到你的 public 目錄、CMS 或對象存儲，再在頁面 metadata 中引用絕對 URL。社媒平臺經常緩存預覽圖，發佈後需要用對應平臺的調試工具刷新緩存。",
+    implementationItems: [
+      {
+        title: "HTML",
+        body: "適合普通靜態頁、官網落地頁或任何服務端模板。",
+        code: `<meta property="og:title" content="Your page title" />
+<meta property="og:description" content="A short preview summary." />
+<meta property="og:image" content="https://example.com/og-image.png" />
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:image" content="https://example.com/og-image.png" />`,
+      },
+      {
+        title: "Next.js App Router",
+        body: "適合 Next.js 13+ 的 metadata API。圖片 URL 建議使用絕對地址。",
+        code: `export const metadata = {
+  openGraph: {
+    title: "Your page title",
+    description: "A short preview summary.",
+    images: ["https://example.com/og-image.png"],
+  },
+  twitter: {
+    card: "summary_large_image",
+    images: ["https://example.com/og-image.png"],
+  },
+};`,
+      },
+      {
+        title: "Nuxt",
+        body: "適合 Nuxt 3 頁面或 layout，通過 useSeoMeta 寫入 OG 和 X/Twitter metadata。",
+        code: `useSeoMeta({
+  ogTitle: "Your page title",
+  ogDescription: "A short preview summary.",
+  ogImage: "https://example.com/og-image.png",
+  twitterCard: "summary_large_image",
+  twitterImage: "https://example.com/og-image.png",
+});`,
+      },
+      {
+        title: "Vue",
+        body: "普通 Vue 項目可以配合 head 管理庫，或由服務端模板輸出這些 meta 標籤。",
+        code: `useHead({
+  meta: [
+    { property: "og:title", content: "Your page title" },
+    { property: "og:image", content: "https://example.com/og-image.png" },
+    { name: "twitter:card", content: "summary_large_image" },
+    { name: "twitter:image", content: "https://example.com/og-image.png" },
+  ],
+});`,
+      },
+    ],
+    tipsEyebrow: "More Tips",
+    tipsHeading: "發佈前多檢查這幾件事",
+    sizesVisualAlt: "支持尺寸視覺圖，展示 Open Graph、X Header 和 Blog Featured 三種畫布比例。",
+    tipsItems: [
+      {
+        title: "把關鍵信息放在中心安全區",
+        body: "X Header 和部分 CMS 縮略圖會裁切邊緣。標題、品牌名和主要圖形不要貼邊。",
+      },
+      {
+        title: "一個畫面只保留一個重點",
+        body: "社媒預覽圖不是海報詳情頁。標題越短、對比越清楚，鏈接預覽越容易被點擊。",
+      },
+      {
+        title: "優先用 PNG 做最終質量檢查",
+        body: "PNG 更適合銳利文字和 UI 感圖形；確認效果後，如果發佈系統需要更小文件，再導出 JPEG 或 WebP。",
+      },
+    ],
+    whatYouGetEyebrow: "輸出與可編輯項",
+    whatYouGetHeading: "你可以審閱和下載什麼",
+    whatYouGetItems: [
+      {
+        title: "Open Graph 圖片",
+        body: "1200 x 630 鏈接預覽圖，可用於官網、產品頁、發佈頁和社媒分享卡片。",
+      },
+      {
+        title: "Twitter/X Header 圖片",
+        body: "1500 x 500 賬號頭圖或活動頭圖，適合產品發佈、活動階段和個人品牌。",
+      },
+      {
+        title: "Blog Featured 圖片",
+        body: "1600 x 900 文章封面，適合博客、Newsletter、內容中心和 CMS 縮略圖。",
+      },
+      {
+        title: "可編輯 AI 建議",
+        body: "AI 返回多個標題、摘要、模板和配色方向，你可以選擇後繼續手動編輯。",
+      },
+      {
+        title: "可下載文件",
+        body: "生成 PNG、JPEG 或 WebP 文件，便於上傳到 public 目錄、CMS、對象存儲或社媒後臺。",
+      },
+      {
+        title: "失敗邊界提示",
+        body: "URL 無法訪問、OG 數據缺失或 AI 寫回失敗時，頁面會顯示具體狀態而不是假結果。",
+      },
+    ],
+    faq: "常見問題",
+    ctaPrimary: "生成社群資料包",
+    ctaSecondary: "返回全部工具",
+    ctaHint:
+      "OG 圖片準備好後，可用同一套視覺方向繼續統一頭像、帳號頭圖、簡介和其他社群資料。",
+    faqItems: [
+      {
+        question: "什麼是 OG 圖片？",
+        answer: "OG 圖片是分享網頁連結時，Slack、LinkedIn、Facebook 和 X 等平臺可能展示的預覽圖。你仍需在網站的 Open Graph 或 Twitter Card 標籤中填寫該圖片的公開絕對 URL。",
+      },
+      {
+        question: "什麼是 X Header 圖片？",
+        answer: "X Header 圖片是 X 個人資料頂部的橫幅，與網頁連結分享時的 OG 預覽圖不同。匯出前請確認選擇了正確的畫布尺寸。",
+      },
+      {
+        question: "什麼是 Blog Featured 圖片？",
+        answer: "Blog Featured 圖片是 CMS、文章列表或 newsletter 使用的文章封面。它可以重用 OG 圖片的核心資訊，但裁切和排版要求可能不同。",
+      },
+      {
+        question: "什麼是 AI 建議？",
+        answer: "AI 會提供可編輯的文案、配色、模板和版面方向。請在發佈前檢查最終文案、對比度和品牌使用是否合適。",
+      },
+      {
+        question: "什麼是可下載文件？",
+        answer: "可下載 PNG、JPEG 或 WebP。將檔案上傳到 CMS、public 目錄或圖片託管服務後，再把它的公開絕對 URL 配置到頁面 metadata 中。",
+      },
+      {
+        question: "什麼是失敗邊界提示？",
+        answer: "本工具不提供永久公開圖片 URL，也不會自動把 Open Graph 標籤發佈到你的網站。URL 讀取和 AI 建議也可能失敗，因此請檢查預覽並自行發佈最終檔案。",
+      },
+    ]
+  },
+} as const;
+
+export default ogImageGenerator;