全球出海展示工具 (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 文件进行编辑。主要模块位置参考：
| 模块 | 说明 |
|---|---|
| COMPANY_KB | 行业知识图谱数据（JS 对象，约 33 个实体） |
| industryChains | 增强供应链图谱（制造业/化工/电子，含上游下游） |
| resolveCompanyFromKB() | 公司名智能匹配引擎（4 层 fallback） |
| getEnrichedTargetCompanies() | KB 支持行业的上下游推荐函数 |
| SCENARIO_WRAPPERS | 场景包装器（prefix/suffix 包裹邮件正文） |
| handleImageUpload() | 图片上传→压缩→base64 内嵌 |
| generateVirtualImage() | Canvas 虚拟素材图生成 |
| renderEmailPreview() | 邮件预览渲染（支持图片内嵌） |
| switchScenario() | 场景 Chip 切换 |
| copyEmail() | 一键复制邮件内容 |
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 知识图谱 + 邮件场景系统 + 素材图功能）
