全球出海展示工具 (Global Expansion Tool)

概述

本 Skill 封装了一个纯前端 HTML 单文件的全球出海展示工具，面向计划出海的企业用户。核心能力包括：

• 多语言支持：中文、英语、日语、韩语、德语、阿拉伯语
• 5 种邮件场景：📨 首次开发 / 🔄 二次跟进 / 🎪 展会后 / 🎄 节日问候 / 💰 报价专用
• 语气选择：正式商务 / 友好亲切 / 简洁高效
• 素材图功能：上传图片自动压缩嵌入 + Canvas 虚拟素材图生成（12 种行业配色）
• 智能供应链推荐：内置 COMPANY_KB 行业知识图谱（制造业 / 化工 / 电子电气），自动识别公司并推荐上下游真实企业

使用方式

1. 调用工具模板

将 assets/global_expansion_tool.html 复制到用户工作目录作为基础文件：

cp ~/.workbuddy/skills/global-expansion-tool/assets/global_expansion_tool.html <workspace>/global_expansion_tool.html

2. 生成/修改工具

根据用户需求对 HTML 文件进行编辑。主要模块位置参考：

3. 关键状态变量

let currentLang = 'en';           // 当前语言
let currentDirection = 'sales';   // 方向: 'sales'(销售) | 'purchase'(采购)
let currentScenario = 'cold';     // 场景: cold/followup/exhibition/holiday/quotation
let emailImageDataUrl = null;      // base64 图片数据

4. UI 结构

• Step1: 国家/地区选择 → 方向切换 → 场景选择(Chip) → 语气选择 → 公司名输入
• Step2: 出海策略分析卡片
• Step3: 邮件生成结果 + 素材图上传区 + 操作按钮

迭代指南

修改后务必进行 JS 语法检查：

# 提取 <script> 内容并验证语法
sed -n '/<script>/,/<\/script>/p' global_expansion_tool.html | sed '1d;$d' > /tmp/check.js && node --check /tmp/check.js && echo "✅ JS 语法正确"

常见错误排查：

• 中文属性名误写为英文（如 上游Cat 应为 upstreamCat）
• 数组值缺少引号（如 [工业自动化] 应为 ['工业自动化']）
• tier 值未加引号（如 tier:T0 应为 tier:'T0'）

版本信息

当前版本: V3.0（含 COMPANY_KB 知识图谱 + 邮件场景系统 + 素材图功能）