@tomako/tools-runtime 0.1.0

package/src/features/tools/disclaimer-generator/disclaimer-generator.package.ts

@@ -0,0 +1,339 @@
+import { z } from "zod";
+
+import type { ToolPackage } from "../package/types";
+
+const t = (en: string, zh: string, zhTw: string) => ({ en, zh, "zh-tw": zhTw });
+const list = (en: string[], zh: string[], zhTw: string[]) => ({ en, zh, "zh-tw": zhTw });
+
+const resultSchema = z.object({
+  summary: z.string().min(1),
+  disclaimerTitle: z.string().min(1),
+  disclaimerMarkdown: z.string().min(80),
+  coverageSummary: z.array(z.string()).min(2).max(8),
+  suggestedPlacements: z.array(z.string()).min(1).max(5),
+  riskFlags: z
+    .array(
+      z.object({
+        level: z.enum(["info", "warning", "critical"]),
+        label: z.string().min(1),
+        detail: z.string().min(1),
+      }),
+    )
+    .min(1),
+  missingInfo: z.array(z.string()),
+  reviewChecklist: z.array(z.string()).min(2),
+  disclaimer: z.string().min(1),
+  generatedAt: z.string().min(1),
+  promptVersion: z.string().min(1),
+});
+
+export const disclaimerGeneratorPackage: ToolPackage = {
+  meta: {
+    slug: "disclaimer-generator",
+    toolType: "generator",
+    riskLevel: "high",
+    keywordEvidence: "docs/seo-keyword-briefs/disclaimer-generator.md",
+    seo: {
+      updatedAt: "2026-07-10",
+      readingTime: "6 min",
+      ogImage: "/tools/disclaimer-generator-section-primary.webp",
+    },
+  },
+  copy: {
+    title: t("Disclaimer Generator", "免责声明生成器", "免責聲明產生器"),
+    description: t(
+      "Create a tailored website, affiliate, review, or professional-information disclaimer draft with placement guidance, missing facts, risk flags, and a human review checklist.",
+      "根据业务和发布场景生成网站、联盟、评测或专业信息免责声明草案，并提供放置建议、缺失信息、风险提示与人工复核清单。",
+      "依照業務與發布情境產生網站、聯盟、評測或專業資訊免責聲明草案，並提供放置建議、缺漏資訊、風險提示與人工複核清單。",
+    ),
+    intro: t(
+      "Describe what you publish and where it appears. Get a clear draft you can copy, plus the facts and review steps needed before you publish it.",
+      "描述你发布的内容和使用位置，获得一份可复制的清晰草案，以及发布前仍需确认的事实和复核步骤。",
+      "描述你發布的內容與使用位置，取得可複製的清楚草案，以及發布前仍須確認的事實與複核步驟。",
+    ),
+    category: t("Legal and compliance tools", "法律与合规工具", "法律與合規工具"),
+    keywords: list(
+      ["disclaimer generator", "website disclaimer", "affiliate disclaimer generator", "copyright disclaimer generator"],
+      ["免责声明生成器", "网站免责声明", "联盟披露声明", "版权免责声明生成器"],
+      ["免責聲明產生器", "網站免責聲明", "聯盟揭露聲明", "版權免責聲明產生器"],
+    ),
+    inputSignal: t(
+      "Your content, publication surface, and the disclosure you need",
+      "内容、发布位置与所需披露类型",
+      "內容、發布位置與所需揭露類型",
+    ),
+    outputSignal: t(
+      "Copyable draft, placement guidance, risks, and review steps",
+      "可复制草案、放置建议、风险与复核步骤",
+      "可複製草案、放置建議、風險與複核步驟",
+    ),
+    boundarySignal: t(
+      "Drafting support only — review with qualified counsel before publication",
+      "仅供草案辅助，发布前请由合格专业人士复核",
+      "僅供草案輔助，發布前請由合格專業人士複核",
+    ),
+  },
+  form: [
+    {
+      kind: "textarea",
+      id: "businessDescription",
+      required: true,
+      fullWidth: true,
+      rows: 4,
+      minLength: 16,
+      label: t("What are you publishing?", "你要发布什么内容？", "你要發布什麼內容？"),
+      hint: t(
+        "Say what you offer, who it is for, and any claims, relationships, or advice involved.",
+        "写清你提供什么、面向谁，以及其中涉及的承诺、关系或建议。",
+        "寫清你提供什麼、面向誰，以及其中涉及的承諾、關係或建議。",
+      ),
+      placeholder: t(
+        "e.g. A wellness blog that reviews supplements and earns commission through affiliate links.",
+        "例如：一个评测营养补充剂并通过联盟链接获得佣金的健康博客。",
+        "例如：一個評測營養補充品並透過聯盟連結取得佣金的健康部落格。",
+      ),
+      invalidMessage: t(
+        "Describe the content, audience, and any claims or relationships. A product name alone is not enough.",
+        "请描述内容、受众以及涉及的承诺或关系；只填写名称还不够。",
+        "請描述內容、受眾以及涉及的承諾或關係；只填寫名稱還不夠。",
+      ),
+    },
+    {
+      kind: "select",
+      id: "publicationSurface",
+      defaultValue: "website",
+      label: t("Where will it appear?", "将发布在哪里？", "將發布在哪裡？"),
+      options: [
+        { value: "website", label: t("Website or landing page", "网站或落地页", "網站或 Landing page") },
+        { value: "blog", label: t("Blog or article", "博客或文章", "部落格或文章") },
+        { value: "app", label: t("App or product interface", "应用或产品界面", "應用程式或產品介面") },
+        { value: "video", label: t("Video or social post", "视频或社媒帖子", "影片或社群貼文") },
+        { value: "email", label: t("Newsletter or marketing email", "订阅通讯或营销邮件", "電子報或行銷郵件") },
+      ],
+    },
+    {
+      kind: "select",
+      id: "disclaimerFocus",
+      defaultValue: "general",
+      label: t("What needs to be disclosed?", "主要需要披露什么？", "主要需要揭露什麼？"),
+      options: [
+        { value: "general", label: t("General information and external links", "一般信息与外部链接", "一般資訊與外部連結") },
+        { value: "affiliate", label: t("Affiliate links or sponsorships", "联盟链接或赞助关系", "聯盟連結或贊助關係") },
+        { value: "review", label: t("Reviews, endorsements, or testimonials", "评测、背书或推荐", "評測、背書或推薦") },
+        { value: "professional", label: t("Professional, legal, or financial information", "专业、法律或金融信息", "專業、法律或金融資訊") },
+        { value: "health", label: t("Health, wellness, or fitness information", "健康、养生或健身信息", "健康、養生或健身資訊") },
+        { value: "copyright", label: t("Copyright, fair use, or third-party material", "版权、合理使用或第三方素材", "版權、合理使用或第三方素材") },
+      ],
+    },
+    {
+      kind: "select",
+      id: "audienceMarket",
+      defaultValue: "global",
+      label: t("Main audience market", "主要受众市场", "主要受眾市場"),
+      hint: t(
+        "Context only: this review MVP returns an English, non-jurisdiction-specific draft — not localized legal advice.",
+        "仅作背景参考：当前 review 版只返回英文、非特定法域草案，不提供本地化法律建议。",
+        "僅作背景參考：目前 review 版只會提供英文、非特定法域草案，不提供在地化法律建議。",
+      ),
+      options: [
+        { value: "global", label: t("Global / mixed audience", "全球 / 混合受众", "全球／混合受眾") },
+        { value: "us", label: t("United States", "美国", "美國") },
+      ],
+    },
+    {
+      kind: "textarea",
+      id: "additionalContext",
+      rows: 3,
+      label: t("Details to include (optional)", "需补充的细节（选填）", "需補充的細節（選填）"),
+      hint: t(
+        "Add your business name, affiliate program, paid relationship, product claim, or a fact that must not be invented.",
+        "可补充企业名称、联盟计划、付费关系、产品宣称或任何不可虚构的事实。",
+        "可補充公司名稱、聯盟計畫、付費關係、產品宣稱或任何不可虛構的事實。",
+      ),
+      placeholder: t(
+        "e.g. We earn commission from Amazon links; do not claim that supplements treat or cure any condition.",
+        "例如：我们会从 Amazon 链接获得佣金；不要声称补充剂能够治疗或治愈任何疾病。",
+        "例如：我們會從 Amazon 連結取得佣金；不要聲稱補充品能治療或治癒任何疾病。",
+      ),
+    },
+  ],
+  runtime: {
+    lane: "agent",
+    scene: "disclaimer_generator",
+    resultType: "disclaimer_draft",
+    skillId: "$disclaimer-generator",
+    writebackScript: "disclaimer-generator.mjs",
+    outputContract: [
+      "summary: string",
+      "disclaimerTitle: string",
+      "disclaimerMarkdown: string",
+      "coverageSummary: string[]",
+      "suggestedPlacements: string[]",
+      "riskFlags: [{ level: info|warning|critical, label: string, detail: string }]",
+      "missingInfo: string[]",
+      "reviewChecklist: string[]",
+      "disclaimer: string",
+      "generatedAt: ISO timestamp",
+      "promptVersion: string",
+    ],
+    rules: [
+      "Write only a tailored first-draft disclaimer from the current brief; never present it as legal advice, legal compliance, or a final policy.",
+      "Do not invent business names, legal entities, affiliate relationships, qualifications, product claims, jurisdictional rules, or third-party terms. Put unknown facts in missingInfo and reviewChecklist.",
+      "For this review MVP, write the legal draft fields in English even when the UI locale is Chinese; audienceMarket supports only global or United States context and does not imply a translated or jurisdiction-localized legal opinion.",
+      "For medical, health, legal, financial, investment, professional, or children-related content, add a high-risk flag and require review by qualified counsel or the responsible professional before publication.",
+      "The final user-visible result must be written through the named Skill script as resultType disclaimer_draft; do not return a local template or raw chat output.",
+    ],
+    watch: { pollIntervalMs: 1200, graceWindowMs: 90000 },
+  },
+  resultSchema,
+  resultView: [
+    {
+      block: "keyValues",
+      title: t("Your draft", "你的草案", "你的草案"),
+      items: [
+        { label: t("Summary", "摘要", "摘要"), path: "summary" },
+        { label: t("Title", "标题", "標題"), path: "disclaimerTitle" },
+        { label: t("Copyable disclaimer", "可复制免责声明", "可複製免責聲明"), path: "disclaimerMarkdown", copyable: true },
+      ],
+    },
+    {
+      block: "bulletGroups",
+      title: t("What it covers and where to use it", "覆盖内容与建议放置位置", "涵蓋內容與建議放置位置"),
+      columns: [
+        { label: t("Coverage", "覆盖内容", "涵蓋內容"), path: "coverageSummary", tone: "positive" },
+        { label: t("Suggested placement", "建议放置位置", "建議放置位置"), path: "suggestedPlacements" },
+      ],
+    },
+    {
+      block: "cardList",
+      title: t("Review before publishing", "发布前请复核", "發布前請複核"),
+      path: "riskFlags",
+      layout: "stack",
+      card: {
+        titleField: "label",
+        metaField: "level",
+        body: { field: "detail", label: t("Why it matters", "为什么重要", "為什麼重要") },
+      },
+    },
+    {
+      block: "bulletGroups",
+      title: t("Details to confirm", "仍需确认的细节", "仍須確認的細節"),
+      columns: [
+        { label: t("Missing facts", "缺失事实", "缺漏事實"), path: "missingInfo", tone: "risk" },
+        { label: t("Review checklist", "复核清单", "複核清單"), path: "reviewChecklist", tone: "risk" },
+      ],
+    },
+  ],
+  widget: {
+    formTitle: t("Generate a tailored disclaimer draft", "生成贴合场景的免责声明草案", "產生符合情境的免責聲明草案"),
+    formHint: t(
+      "Start with the content and the disclosure you need. You will get a draft plus the facts to confirm before it goes live.",
+      "先说明内容和需要披露的事项。你会获得草案，以及上线前仍需确认的事实。",
+      "先說明內容與需要揭露的事項。你會取得草案，以及上線前仍須確認的事實。",
+    ),
+    submitLabel: t("Generate disclaimer draft", "生成免责声明草案", "產生免責聲明草案"),
+    resultTitle: t("Review your disclaimer draft", "复核你的免责声明草案", "複核你的免責聲明草案"),
+    pendingTitle: t("Preparing your disclaimer draft", "正在生成免责声明草案", "正在產生免責聲明草案"),
+    pendingHint: t(
+      "This usually takes a short moment. Your draft will include review points, not a claim of legal compliance.",
+      "通常只需片刻。结果会包含复核要点，不会宣称已经符合法律要求。",
+      "通常只需片刻。結果會包含複核要點，不會宣稱已符合法律要求。",
+    ),
+    errorOverrides: {
+      validation: {
+        title: t("Describe the content first", "请先描述发布内容", "請先描述發布內容"),
+        body: t(
+          "Add a real sentence about what you publish, who it is for, and any claims or relationships involved.",
+          "请用完整的话描述发布什么、面向谁，以及涉及的承诺或关系。",
+          "請用完整的話描述發布什麼、面向誰，以及涉及的承諾或關係。",
+        ),
+      },
+    },
+  },
+  page: {
+    workspace: {
+      heading: t("Create a disclaimer you can review", "生成一份便于复核的免责声明", "產生一份便於複核的免責聲明"),
+      hint: t(
+        "Describe your content and where it appears. Get a copyable draft, suggested placement, gaps to confirm, and a review checklist before you publish.",
+        "描述你的内容和发布位置，获得可复制草案、建议放置位置、待确认缺口和发布前复核清单。",
+        "描述你的內容與發布位置，取得可複製草案、建議放置位置、待確認缺口與發布前複核清單。",
+      ),
+      badge: t("Draft only — human review required", "仅为草案，需人工复核", "僅為草案，須人工複核"),
+    },
+    standard: {
+      benefits: {
+        title: t("Turn a rough publishing plan into a review-ready draft", "把粗略发布计划整理成可复核草案", "把粗略發布計畫整理成可複核草案"),
+        cards: [
+          {
+            title: t("Describe the content", "描述发布内容", "描述發布內容"),
+            body: t("Add your audience, claims, links, sponsorships, or advice in plain language.", "用日常语言写清受众、宣称、链接、赞助或建议。", "用日常語言寫清受眾、宣稱、連結、贊助或建議。"),
+          },
+          {
+            title: t("Choose the disclosure", "选择披露场景", "選擇揭露情境"),
+            body: t("Select the place and the main relationship or risk the statement needs to address.", "选择发布位置，以及声明需要处理的主要关系或风险。", "選擇發布位置，以及聲明需要處理的主要關係或風險。"),
+          },
+          {
+            title: t("Copy, confirm, and publish", "复制、确认后再发布", "複製、確認後再發布"),
+            body: t("Use the draft with its placement guidance, then resolve missing facts with the responsible reviewer.", "参考放置建议使用草案，再与负责人确认缺失事实。", "參考放置建議使用草案，再與負責人確認缺漏事實。"),
+          },
+        ],
+      },
+      imageTextSections: [
+        {
+          id: "section-primary",
+          title: t("Get more than a generic disclaimer template", "得到的不只是通用免责声明模板", "得到的不只是通用免責聲明範本"),
+          body: list(
+            ["The draft is based on your publishing surface and disclosure focus, not a blank one-size-fits-all paragraph.", "You also get a coverage summary and suggested placements, so the statement can be reviewed in the context where readers will actually see it."],
+            ["草案会结合发布位置和披露重点，而不是套用一段空泛的通用文本。", "你还会获得覆盖摘要和建议放置位置，便于在读者实际看到的语境中复核声明。"],
+            ["草案會結合發布位置與揭露重點，而不是套用一段空泛的通用文字。", "你還會取得涵蓋摘要與建議放置位置，方便在讀者實際看到的情境中複核聲明。"],
+          ),
+          image: { src: "/tools/disclaimer-generator-section-primary.webp", alt: t("A clear disclaimer draft beside a publishing checklist.", "清晰的免责声明草案与发布检查清单。", "清楚的免責聲明草案與發布檢查清單。"), side: "left" },
+          imageFirst: true,
+        },
+        {
+          id: "section-variation",
+          title: t("Match the disclosure to the publishing moment", "让披露与发布场景匹配", "讓揭露與發布情境相符"),
+          body: list(
+            ["Use an affiliate disclosure where readers see a recommendation or link, not buried on an unrelated page.", "For reviews, health, professional, or financial content, the result calls out the facts and higher-risk claims that need a qualified review before publication."],
+            ["联盟披露应出现在读者看到推荐或链接的位置，而不是埋在无关页面里。", "评测、健康、专业或金融内容会标出发布前需要由合格人员确认的事实与高风险宣称。"],
+            ["聯盟揭露應出現在讀者看到推薦或連結的位置，而不是藏在無關頁面裡。", "評測、健康、專業或金融內容會標出發布前需要由合格人員確認的事實與高風險宣稱。"],
+          ),
+          image: { src: "/tools/disclaimer-generator-section-variation.webp", alt: t("Different disclosure contexts for a blog, video, and website.", "博客、视频和网站的不同披露场景。", "部落格、影片與網站的不同揭露情境。"), side: "right" },
+        },
+        {
+          id: "section-support",
+          title: t("Use risk flags as a publishing stop sign", "把风险提示当作发布前的停下信号", "把風險提示當作發布前的暫停訊號"),
+          body: list(
+            ["The tool does not decide whether your content is compliant. It separates a useful first draft from unknown facts and review work.", "High-risk health, legal, financial, investment, and children-related content should be reviewed by the appropriate qualified professional before it is published."],
+            ["工具不会判断你的内容是否合规，而是把可用的一稿与未知事实、复核工作区分开。", "健康、法律、金融、投资及儿童相关的高风险内容，发布前应由合适的专业人士复核。"],
+            ["工具不會判定你的內容是否合規，而是把可用的初稿與未知事實、複核工作區分開。", "健康、法律、金融、投資及兒童相關的高風險內容，發布前應由適當的專業人士複核。"],
+          ),
+          image: { src: "/tools/disclaimer-generator-section-support.webp", alt: t("A publishing checklist highlighting facts and review before release.", "突出事实确认与复核的发布检查清单。", "突顯事實確認與複核的發布檢查清單。"), side: "left" },
+          imageFirst: true,
+        },
+      ],
+      generation: {
+        title: t("Use the draft in the right place", "把草案用在合适的位置", "把草案用在合適的位置"),
+        image: { src: "/tools/disclaimer-generator-section-steps.webp", alt: t("A creator placing a reviewed disclosure alongside a published article.", "创作者将已复核的披露声明放在发布文章旁。", "創作者將已複核的揭露聲明放在發布文章旁。"), side: "left" },
+        steps: [
+          { title: t("Read the draft against the real content", "结合真实内容阅读草案", "結合真實內容閱讀草案"), body: t("Check every claim, link, relationship, and named party against what will be published.", "逐项检查宣称、链接、关系和主体名称是否与实际发布内容一致。", "逐項檢查宣稱、連結、關係與主體名稱是否和實際發布內容一致。") },
+          { title: t("Resolve the missing facts", "补齐缺失事实", "補齊缺漏事實"), body: t("Replace placeholders and confirm the details that cannot be safely guessed.", "替换占位信息，并确认任何不能安全猜测的细节。", "替換預留資訊，並確認任何不能安全猜測的細節。") },
+          { title: t("Place it where the reader needs it", "放到读者需要看到的位置", "放在讀者需要看到的位置"), body: t("Use the suggested placement as a starting point, then have the responsible reviewer approve it before launch.", "把建议位置作为起点，并在上线前请负责人完成确认。", "把建議位置作為起點，並在上線前請負責人完成確認。") },
+        ],
+        ctaLabel: t("Generate a disclaimer draft", "生成免责声明草案", "產生免責聲明草案"),
+      },
+      faq: {
+        title: t("Disclaimer generator FAQs", "免责声明生成器常见问题", "免責聲明產生器常見問題"),
+        intro: t("Use the result as a practical starting point, then confirm the facts and review it before publication.", "把结果作为实用起点，再补齐事实并在发布前复核。", "把結果作為實用起點，再補齊事實並在發布前複核。"),
+        ctaLabel: t("Create a disclaimer draft", "生成免责声明草案", "產生免責聲明草案"),
+      },
+    },
+    faq: [
+      { question: t("What should an affiliate disclaimer say?", "联盟披露声明应该写什么？", "聯盟揭露聲明應該寫什麼？"), answer: t("It should plainly disclose the relationship that matters to a reader, such as a paid link, commission, sponsorship, or provided product. Confirm the real program terms and where the disclosure must appear before publishing.", "它应清楚披露读者需要知道的关系，例如付费链接、佣金、赞助或获赠产品。发布前请确认真实计划条款和披露位置要求。", "它應清楚揭露讀者需要知道的關係，例如付費連結、佣金、贊助或獲贈產品。發布前請確認真實計畫條款和揭露位置要求。") },
+      { question: t("Can I use this for health, financial, or legal content?", "可以用于健康、金融或法律内容吗？", "可以用於健康、金融或法律內容嗎？"), answer: t("You can use it to organize a draft and the facts that need review. It does not provide legal, medical, financial, or investment advice, and high-risk content needs review by the appropriate qualified professional before publication.", "你可以用它整理草案和待复核事实。它不提供法律、医疗、金融或投资建议；高风险内容发布前需要由相应专业人士复核。", "你可以用它整理草案和待複核事實。它不提供法律、醫療、金融或投資建議；高風險內容發布前需要由相應專業人士複核。") },
+      { question: t("Where should I put a website disclaimer?", "网站免责声明应该放在哪里？", "網站免責聲明應該放在哪裡？"), answer: t("Put it where the related reader decision happens: near an affiliate link or review, before relying on professional information, or on a clearly linked website page. The result suggests placement, but the final choice depends on your content and applicable requirements.", "应放在读者作出相关决定的位置：联盟链接或评测附近、依赖专业信息之前，或网站中清晰可访问的页面。结果会给出建议，但最终位置取决于你的内容和适用要求。", "應放在讀者做出相關決定的位置：聯盟連結或評測附近、依賴專業資訊之前，或網站中清楚可存取的頁面。結果會給出建議，但最終位置取決於你的內容和適用要求。") },
+      { question: t("Does a generated disclaimer make my website compliant?", "生成免责声明就代表网站合规吗？", "產生免責聲明就代表網站合規嗎？"), answer: t("No. This is drafting support, not a compliance conclusion or legal advice. Confirm the facts, the applicable requirements, and the final wording with the responsible reviewer or qualified counsel.", "不代表。这是草案辅助，不是合规结论或法律建议。请与负责人或合格法律顾问确认事实、适用要求和最终措辞。", "不代表。這是草案輔助，不是合規結論或法律建議。請與負責人或合格法律顧問確認事實、適用要求與最終措辭。") },
+    ],
+  },
+  assets: {},
+};

package/src/features/tools/email-template-generator/email-template-generator.container.tsx

@@ -0,0 +1,224 @@
+import { createToolGuideTranslator } from "../shared/tool-message-translator";
+
+import { EmailTemplateGenerator } from "./widget";
+
+import {
+    ToolCardGrid,
+    ToolFaqSection,
+} from "../shared/tool-content-sections";
+import { ToolCta } from "../shared/tool-cta";
+import { ToolImageVisual, ToolWorkspaceSection } from "../shared/tool-guide-section";
+import { ToolPageShell } from "../shared/tool-page-shell";
+import type { ToolPageProps } from "../types";
+
+type TextCard = {
+  title: string;
+  body: string;
+};
+
+type BoundaryGroup = {
+  title: string;
+  items: readonly string[];
+};
+
+type FaqItem = {
+  question: string;
+  answer: string;
+};
+
+function OutputSection({
+  heading,
+  intro,
+  items,
+  visualAlt,
+}: {
+  heading: string;
+  intro: string;
+  items: readonly TextCard[];
+  visualAlt: string;
+}) {
+  return (
+    <section className="border-t border-[#E1DDD3] py-14 md:py-16">
+      <div className="grid gap-8 md:grid-cols-[0.92fr_1.08fr] md:items-center">
+        <div>
+          <h2 className="text-3xl font-semibold leading-tight text-[#111111] md:text-4xl">
+            {heading}
+          </h2>
+          <p className="mt-4 text-base leading-7 text-[#555555]">{intro}</p>
+        </div>
+        <ToolImageVisual src="/tools/email-template-generator-value.webp" alt={visualAlt} wide />
+      </div>
+      <div className="mt-8">
+        <ToolCardGrid items={items} />
+      </div>
+    </section>
+  );
+}
+
+function StandardsSection({
+  heading,
+  intro,
+  items,
+}: {
+  heading: string;
+  intro: string;
+  items: readonly TextCard[];
+}) {
+  return (
+    <section className="border-t border-[#E1DDD3] py-14 md:py-16">
+      <div className="max-w-3xl">
+        <h2 className="text-3xl font-semibold leading-tight text-[#111111] md:text-4xl">
+          {heading}
+        </h2>
+        <p className="mt-4 text-base leading-7 text-[#555555]">{intro}</p>
+      </div>
+      <div className="mt-7">
+        <ToolCardGrid items={items} />
+      </div>
+    </section>
+  );
+}
+
+function BoundarySection({
+  heading,
+  intro,
+  groups,
+  visualAlt,
+}: {
+  heading: string;
+  intro: string;
+  groups: readonly BoundaryGroup[];
+  visualAlt: string;
+}) {
+  return (
+    <section className="grid gap-8 border-t border-[#E1DDD3] py-14 md:grid-cols-[0.98fr_1.02fr] md:items-center md:py-16">
+      <ToolImageVisual src="/tools/email-template-generator-support.webp" alt={visualAlt} />
+      <div>
+        <h2 className="text-3xl font-semibold leading-tight text-[#111111] md:text-4xl">
+          {heading}
+        </h2>
+        <p className="mt-4 text-base leading-7 text-[#555555]">{intro}</p>
+        <div className="mt-6 grid gap-3">
+          {groups.map((group) => (
+            <article
+              key={group.title}
+              className="rounded-[1.25rem] border border-[#D8D4CA] bg-white p-5 shadow-[0_12px_28px_rgba(17,17,17,0.05)]"
+            >
+              <h3 className="text-base font-semibold leading-tight text-[#111111]">
+                {group.title}
+              </h3>
+              <ul className="mt-3 list-disc space-y-2 pl-5 text-sm leading-6 text-[#555555]">
+                {group.items.map((item) => (
+                  <li key={item}>{item}</li>
+                ))}
+              </ul>
+            </article>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function GuidanceSection({
+  heading,
+  intro,
+  items,
+  visualAlt,
+}: {
+  heading: string;
+  intro: string;
+  items: readonly string[];
+  visualAlt: string;
+}) {
+  return (
+    <section className="grid gap-8 border-t border-[#E1DDD3] py-14 md:grid-cols-[1fr_1fr] md:items-center md:py-16">
+      <div>
+        <h2 className="text-3xl font-semibold leading-tight text-[#111111] md:text-4xl">
+          {heading}
+        </h2>
+        <p className="mt-4 text-base leading-7 text-[#555555]">{intro}</p>
+        <div className="mt-6 space-y-4">
+          {items.map((item) => (
+            <p key={item} className="text-base leading-7 text-[#3D3D3D]">
+              {item}
+            </p>
+          ))}
+        </div>
+      </div>
+      <ToolImageVisual src="/tools/email-template-generator-export.webp" alt={visualAlt} />
+    </section>
+  );
+}
+
+export async function EmailTemplateGeneratorContainer({ locale, spec }: ToolPageProps) {
+  const t = await createToolGuideTranslator(locale, "toolsPages.emailTemplateGenerator.guide");
+  const outputItems = t.raw("outputItems") as readonly TextCard[];
+  const standardsItems = t.raw("standardsItems") as readonly TextCard[];
+  const boundaryGroups = t.raw("boundaryGroups") as readonly BoundaryGroup[];
+  const guidance = t.raw("guidanceItems") as readonly string[];
+  const useCases = t.raw("useCaseItems") as readonly TextCard[];
+  const faqItems = t.raw("faqItems") as readonly FaqItem[];
+
+  return (
+    <ToolPageShell
+      locale={locale}
+      spec={spec}
+      heroVariant="immersive"
+      heroBackgroundImage="/tools/email-template-generator-hero.webp"
+      heroBackgroundAlt={t("heroImageAlt")}
+    >
+      <ToolWorkspaceSection
+        heading={t("workspaceHeading")}
+        hint={t("workspaceHint")}
+      >
+        <EmailTemplateGenerator />
+      </ToolWorkspaceSection>
+
+      <OutputSection
+        heading={t("outputs")}
+        intro={t("outputsIntro")}
+        items={outputItems}
+        visualAlt={t("valueVisualAlt")}
+      />
+
+      <StandardsSection
+        heading={t("standards")}
+        intro={t("standardsIntro")}
+        items={standardsItems}
+      />
+
+      <BoundarySection
+        heading={t("boundary")}
+        intro={t("boundaryIntro")}
+        groups={boundaryGroups}
+        visualAlt={t("supportVisualAlt")}
+      />
+
+      <GuidanceSection
+        heading={t("guidance")}
+        intro={t("guidanceIntro")}
+        items={guidance}
+        visualAlt={t("exportVisualAlt")}
+      />
+
+      <section className="border-t border-[#E1DDD3] py-14 md:py-16">
+        <h2 className="text-3xl font-semibold leading-tight text-[#111111] md:text-4xl">
+          {t("useCases")}
+        </h2>
+        <div className="mt-7">
+          <ToolCardGrid items={useCases} />
+        </div>
+      </section>
+
+      <ToolFaqSection heading={t("faq")} items={faqItems} />
+
+      <ToolCta
+        heading={t("ctaTitle")}
+        hint={t("ctaHint")}
+        primary={{ href: "/tools/product-name-generator", label: t("ctaPrimary") }}
+        secondary={{ href: "/tools", label: t("ctaSecondary") }}
+      />
+    </ToolPageShell>
+  );
+}

package/src/features/tools/email-template-generator/email-template-generator.spec.ts

@@ -0,0 +1,14 @@
+import type { ToolSpec } from "../types";
+
+export const emailTemplateGeneratorSpec: ToolSpec = {
+  slug: "email-template-generator",
+  toolType: "generator",
+  seo: {
+    "publishedAt": "2026-06-29",
+    "updatedAt": "2026-06-29",
+    "readingTime": "6 min",
+    "featured": false,
+    "ogImage": "/tools/email-template-generator-hero.webp"
+  },
+  widget: {"id":"email-template-generator","mode":"custom"},
+};