用一个完整案例演示不会代码的小白如何让 Claude Code 做出可给客户预览的外贸 AI 工作流 Demo 页面，从需求稿、页面结构、提示词、验收到上线。
内容更新 2026-06-01这个案例的目标不是做复杂系统，而是用 Claude Code 做一个客户能打开、能看懂、能预览的外贸 AI 工作流 Demo 页面，拆成客户开发、客户研究、询盘回复、报价跟进、人工审核、联系方式 6 个模块。
# 给 Claude Code 的需求稿
我不会代码，请你带我做一个可给客户预览的外贸 AI 工作流 Demo 页面。
项目目标：展示 AI 如何帮助外贸团队做客户开发、客户研究、询盘回复、报价跟进、人工审核和联系方式。
目标用户：外贸老板、业务员、SOHO 外贸从业者。
页面类型：静态 Demo 页面，不需要登录、不需要数据库、不接真实邮箱。
必须包含：
1. 首屏：一句话说明这个 Demo 能解决什么问题。
2. 流程图：客户开发 → 客户研究 → 询盘回复 → 报价跟进 → 人工审核 → 联系方式。
3. 6 个模块卡：客户开发、客户研究、询盘回复、报价跟进、人工审核、联系方式。
4. 每个模块给输入示例、AI 输出示例、人工确认点。
5. 可复制提示词区。
6. 联系入口：zhemuy@gmail.com。
先不要写代码，请先输出页面结构和内容清单。# 让 Claude Code 开始实现
请按刚才的页面结构做第一版。
要求：
1. 页面要适合小白客户预览，不要写太多技术名词。
2. 每个模块都要有「客户痛点」「AI 做什么」「人工确认什么」。
3. 所有按钮必须有去处：联系按钮用 mailto:zhemuy@gmail.com。
4. 不接真实 API，不保存用户数据，只做静态演示。
5. 移动端优先，手机打开不能拥挤。
6. 做完后运行项目构建命令，并告诉我预览地址或生成文件位置。# 用验收目标收口
# 当前版本支持时，把下面条件压缩成一行放在 /goal 后；否则作为普通提示词发送。
本轮完成条件——外贸 AI 工作流 Demo 第一版：
1. 页面首屏能让外贸客户 5 秒内看懂价值。
2. 6 个模块卡完整展示痛点、AI 动作、人工确认点。
3. 至少 4 条可复制提示词。
4. 联系入口可点击，并指向 zhemuy@gmail.com。
5. npm run build 或项目对应构建命令通过。
6. 输出上线前检查清单。# 让 Claude Code 做上线前验收
请只做验收，不要新增功能。
检查：
1. 首页 / Demo 页能打开。
2. 手机宽度下卡片不挤、文字不溢出。
3. 所有按钮都有链接。
4. 页面没有占位英文、假数据、空卡片。
5. 联系邮箱是 zhemuy@gmail.com。
6. 构建命令通过。
7. 如果是静态站，sitemap 包含新页面或新文章。
输出：通过项、已修复项、仍需人工确认项。这个 Demo 把外贸 AI 工作流拆成 6 个独立模块，每个模块都是一张卡片。静态 Demo 不接真实 CRM、不接邮箱、不保存客户数据，只展示业务流程和 AI 能力。
你是外贸业务助理。我的产品是：___
目标市场：___
产品优势：___
请输出：
1. 10 个客户搜索关键词（英文，适合 LinkedIn / Google / 展会名录）。
2. 3 个目标客户画像（公司类型、规模、采购特征）。
3. 3 个开发信角度（每个角度一句话核心卖点）。
4. 建议先从哪个渠道开始找客户，为什么。
注意：不要生成虚假公司名，只给搜索策略和模板。请研究这个客户：___（公司名或官网链接）
输出：
1. 主营产品和业务范围。
2. 可能的年采购量级（根据公开信息估算）。
3. 决策人可能是谁（职位猜测）。
4. 破冰点：我们的产品和他们的需求有什么交集。
5. 风险点：可能不匹配的地方。
6. 建议的首次联系方式和话术角度。
如果信息不足，标注「需要进一步确认」，不要编造数据。虚构或严格去标识化的询盘小样如下：
___
分享前删除姓名、邮箱、电话、地址、订单号、客户对话标识和内部报价；原始询盘只在有合法依据的自有受控环境中处理。
请输出：
1. 需求清单：产品、规格、数量、目的港、用途和认证要求。
2. 缺失信息：还需要问哪些问题才能报价。
3. 英文回复草稿：专业、简短、礼貌，不超过 150 词。
4. 回复里不要承诺具体价格和交期，只确认需求并提出澄清问题。
注意：价格、交期、付款条件必须人工确认后才能发送。报价情况：
- 产品：___
- 报价：___
- 客户反馈：___（例如嫌贵、没回复、要求降价、问了竞品）
请输出：
1. 跟进邮件草稿（英文，不降价也能推进沟通）。
2. 如果必须让步，建议让步方向（付款条件、交期、包装、样品）。
3. 下次联系时间建议。
4. 如果客户 7 天没回复，建议的 break-up 邮件。
注意：价格底线和最终让步必须人工拍板。