创建素材

根据您的潜在客户、受众和目标生成定制的销售素材。支持交互式落地页、演示文稿、高管一页纸以及工作流/架构演示。

触发条件

在以下情况下调用此技能：

• 用户输入 /create-an-asset 或 /create-an-asset [公司名称]
• 用户要求"创建素材"、"构建演示"、"制作落地页"、"模拟工作流"
• 用户需要面向客户的销售对话交付物

概述

此技能通过收集以下方面的上下文来创建专业的销售素材：

• (a) 潜在客户 — 公司、联系人、对话、痛点
• (b) 受众 — 谁在看，他们关心什么
• (c) 目的 — 素材的目标、期望的下一步行动
• (d) 格式 — 落地页、演示文稿、一页纸或工作流演示

然后技能进行研究、结构化并构建一个精美、品牌化的素材，随时可与客户分享。

阶段 0：上下文检测与输入收集

步骤 0.1：检测销售者上下文

根据用户的电子邮件域名，识别他们在哪家公司工作。

操作：

1. 从用户电子邮件中提取域名
2. 搜索："[域名]" 公司 产品 服务 site:linkedin.com OR site:crunchbase.com
3. 确定销售者上下文：

存储销售者上下文：

seller:
  company: "[公司名称]"
  product: "[产品/服务]"
  value_props:
    - "[关键价值主张 1]"
    - "[关键价值主张 2]"
    - "[关键价值主张 3]"
  differentiators:
    - "[差异化因素 1]"
    - "[差异化因素 2]"
  pricing_model: "[如公开已知]"

持久化到知识库 以供后续会话使用。再次调用时确认："我有您上次的销售者上下文 —— 仍在 [公司] 销售 [产品]？"

步骤 0.2：收集潜在客户上下文 (a)

询问用户：

交易阶段选项：

• 介绍 / 首次会议
• 发现
• 评估 / 技术评审
• POC / 试点
• 谈判
• 关闭

步骤 0.3：收集受众上下文 (b)

询问用户：

受众类型选项：

• 高管（C 级、副总裁）
• 技术人员（架构师、工程师、开发人员）
• 运营（运营、IT、采购）
• 混合 / 跨职能

主要关注点选项：

• ROI / 业务影响
• 技术深度 / 架构
• 战略对齐
• 风险缓解 / 安全
• 实施 / 时间表

步骤 0.4：收集目的上下文 (c)

询问用户：

目标选项：

• 介绍 / 第一印象
• 发现跟进
• 技术深度探讨
• 高管对齐 / 商业案例
• POC 提案
• 交易关闭

步骤 0.5：选择格式 (d)

询问用户： "哪种格式最适合？"

步骤 0.6：格式特定输入

如果选择"工作流 / 架构演示"：

首先，从用户描述中解析。 查找：

• 提及的系统和组件
• 描述的数据流
• 人工交互点
• 示例场景

然后询问缺失的信息：

阶段 1：研究（自适应）

评估上下文丰富度

始终研究：

1. 潜在客户基本信息

   • 搜索："[公司]" 年度报告 投资者演示 2025 2026
   • 搜索："[公司]" CEO 战略 优先级 2025 2026
   • 提取：收入、员工数、关键指标、战略优先级

2. 领导层

   • 搜索："[公司]" CEO CTO CIO 2025
   • 提取：姓名、职位、近期关于战略/技术的引述

3. 品牌色

   • 搜索："[公司]" 品牌指南
   • 或从公司网站提取
   • 存储：主色、辅助色、强调色

如果上下文为中等/稀疏，还需研究：

4. 行业背景

   • 搜索："[行业]" 趋势 挑战 2025 2026
   • 提取：常见痛点、市场动态

5. 技术环境

   • 搜索："[公司]" 技术栈 工具 平台
   • 提取：当前解决方案、潜在集成点

6. 竞争背景

   • 搜索："[公司]" vs [销售者的竞争对手]
   • 提取：当前解决方案、切换信号

如果转录文本/材料已上传：

7. 对话分析
   • 提取：明确的痛点、决策标准、异议、时间表
   • 识别：可引用的关键引述（使用他们的原话）
   • 记录：特定术语、缩写、内部项目名称

阶段 2：结构决策

交互式落地页

受众调整：

• 高管：以业务影响、ROI、战略对齐开场
• 技术人员：以架构、安全、集成深度开场
• 运营：以工作流影响、变更管理、支持开场
• 混合：平衡战略 + 战术；使用标签页分隔深度层次

演示文稿风格

与落地页相同的章节，格式化为线性幻灯片：

1. 标题页（潜在客户 + 销售者标志，合作框架）
2. 议程
3-N. 每页一个章节（密集章节可用 2-3 页）
N+1. 总结 / 关键要点
N+2. 后续步骤 / 行动号召
N+3. 附录（可选 — 详细规格、定价等）

幻灯片原则：

• 每页一个关键信息
• 视觉 > 文字
• 使用潜在客户的指标和语言
• 包含演讲者备注

一页纸

压缩为单页滚动格式：

┌─────────────────────────────────────┐
│ 核心："[潜在客户目标] 通过 [产品]"     │
├─────────────────────────────────────┤
│ 关键点 1     │ 关键点 2     │ 关键点 3     │
│ [图标 + 2-3  │ [图标 + 2-3  │ [图标 + 2-3  │
│  句话]       │  句话]       │  句话]       │
├─────────────────────────────────────┤
│ 证明点：[指标、引述或案例研究]           │
├─────────────────────────────────────┤
│ 行动号召：[明确的下一步行动] │ [联系方式] │
└─────────────────────────────────────┘

工作流 / 架构演示

基于复杂度的结构：

标准元素：

1. 标题栏：[场景名称] — 由 [销售者产品] 驱动
2. 组件节点：每个系统的可视化框/图标
3. 流程箭头：显示数据移动的动画连接
4. 步骤面板：用通俗语言解释当前步骤的侧边栏
5. 控制按钮：播放 / 暂停 / 下一步 / 上一步 / 重置
6. 注释：关键决策点和增值点的标注
7. 数据预览：每个步骤的示例载荷或转换

阶段 3：内容生成

通用原则

所有内容应：

• 引用用户输入或转录文本中的特定痛点
• 使用潜在客户的语言 —— 他们的术语、他们明确的优先级
• 明确地将销售者的产品映射到潜在客户的需求
• 在可用时包含证明点（案例研究、指标、引述）
• 感觉量身定制，而非模板化

章节模板

核心 / 介绍

标题："[潜在客户的目标] 通过 [销售者的产品]"
副标题：关联到他们明确的优先级或顶级行业挑战
指标：关于潜在客户的 3-4 个关键事实（表明我们做了功课）

他们的优先级（如果是发现跟进）

引用对话中的特定痛点：
- 尽可能使用他们的原话
- 表明我们倾听并理解
- 将每个点连接到我们的帮助方式

解决方案映射

针对每个痛点：
├── 挑战（用他们的话说）
├── [产品] 如何解决
├── 证明点或示例
└── 结果 / 收益

用例 / 演示

3-5 个相关用例：
├── 视觉模型或交互式演示
├── 业务影响（尽可能量化）
├── "工作原理" — 3-4 步总结
└── 与其行业/角色相关

ROI / 商业案例

交互式计算器，包含：
├── 与其业务相关的输入（来自研究）
│   ├── 用户/开发人员数量
│   ├── 当前成本或花费时间
│   └── 预期改进百分比
├── 输出：
│   ├── 年价值 / 节省
│   ├── 解决方案成本
│   ├── 净 ROI
│   └── 回收期
└── 明确说明假设（可编辑）

为何选择我们 / 差异化因素

├── 与可能考虑的替代方案相比的差异化因素
├── 信任、安全、合规定位
├── 支持和合作伙伴模式
└── 客户证明点（标志、引述、案例研究）

后续步骤 / 行动号召

├── 与目的 (c) 一致的明确行动
├── 具体的后续步骤（不要模糊的"再聊聊"）
├── 联系信息
├── 建议时间表
└── 他们采取行动后的下一步

工作流演示内容

组件定义

为每个系统定义：

component:
  id: "snowflake"
  label: "Snowflake 数据仓库"
  type: "database"  # database | api | ai | middleware | human | document | output
  icon: "database"
  description: "财务绩效数据"
  brand_color: "#29B5E8"

组件类型：

• human — 发起或接收的人
• document — PDF、合同、文件
• ai — AI/ML 模型、代理
• database — 数据存储、仓库
• api — API、服务
• middleware — 集成平台、MCP 服务器
• output — 仪表板、报告、通知

流程步骤

为每个步骤定义：

step:
  number: 1
  from: "human"
  to: "claude"
  action: "发起绩效评审"
  description: "[潜在客户] 的品牌分析师 Sarah 开始季度评审..."
  data_example: "评审请求：Nike 品牌，2025 年第四季度"
  duration: "约 1 秒"
  value_note: "无需手动收集数据"

场景叙事

编写清晰、具体的引导说明：

步骤 1：人工触发
"Sarah 是 Centric Brands 的一名品牌绩效分析师，需要审查
Nike 许可协议的第四季度表现。她打开评审
仪表板并点击'开始评审'..."

步骤 2：合同分析
"Claude 检索 Nike 合同 PDF 并提取绩效
义务：最低收入 5000 万美元，12% 利润率要求，季度
报告截止日期..."

步骤 3：数据查询
"Claude 制定查询并发送到 Workato DataGenie：
'从 Snowflake 获取 2025 年第四季度 Nike 品牌的收入和毛利润'..."

步骤 4：结果与整合
"Snowflake 返回数据。Claude 比较实际值与义务：
收入 5230 万美元 ✓（超出 230 万美元）
利润率 11.2% ⚠️（低于阈值 0.8%）..."

步骤 5：洞察交付
"Claude 将发现整合为执行摘要及
建议：'审查促销费用分配以改善
利润率表现...'"

阶段 4：视觉设计

配色系统

:root {
    /* === 潜在客户品牌（主色） === */
    --brand-primary: #[从研究中提取];
    --brand-secondary: #[提取];
    --brand-primary-rgb: [r, g, b]; /* 用于 rgba() 使用 */

    /* === 深色主题基础 === */
    --bg-primary: #0a0d14;
    --bg-elevated: #0f131c;
    --bg-surface: #161b28;
    --bg-hover: #1e2536;

    /* === 文字 === */
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.5);

    /* === 强调色 === */
    --accent: var(--brand-primary);
    --accent-hover: var(--brand-secondary);
    --accent-glow: rgba(var(--brand-primary-rgb), 0.3);

    /* === 状态 === */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
}

排版

/* 主字体：干净、专业的无衬线字体 */
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

/* 标题 */
h1: 2.5rem, font-weight: 700
h2: 1.75rem, font-weight: 600
h3: 1.25rem, font-weight: 600

/* 正文 */
body: 1rem, font-weight: 400, line-height: 1.6

/* 说明/标签 */
small: 0.875rem, font-weight: 500

视觉元素

卡片：

• 背景：var(--bg-surface)
• 边框：1px solid rgba(255,255,255,0.1)
• 圆角：12px
• 盒阴影：微妙、分层
• 悬停：轻微抬高、边框发光

按钮：

• 主按钮：var(--accent) 背景，白色文字
• 次按钮：透明，强调色边框
• 悬停：亮度增加，轻微缩放

动画：

• 过渡：200-300ms ease
• 标签切换：淡入 + 滑动
• 悬停状态：平滑，不突兀
• 加载：微妙脉冲或骨架

工作流演示特定

组件节点：

.node {
    background: var(--bg-surface);
    border: 2px solid var(--brand-primary);
    border-radius: 12px;
    padding: 16px;
    min-width: 140px;
}

.node.active {
    box-shadow: 0 0 20px var(--accent-glow);
    border-color: var(--accent);
}

.node.human {
    border-color: #f59e0b; /* 人类的暖色调 */
}

.node.ai {
    background: linear-gradient(135deg, var(--bg-surface), var(--bg-elevated));
    border-color: var(--accent);
}

流程箭头：

.arrow {
    stroke: var(--text-muted);
    stroke-width: 2;
    fill: none;
    marker-end: url(#arrowhead);
}

.arrow.active {
    stroke: var(--accent);
    stroke-dasharray: 8 4;
    animation: flowDash 1s linear infinite;
}

画布：

.canvas {
    background:
        radial-gradient(circle at center, var(--bg-elevated) 0%, var(--bg-primary) 100%),
        url("data:image/svg+xml,..."); /* 微妙网格图案 */
    overflow: auto;
}

阶段 5：澄清问题（必需）

在构建任何素材之前，务必询问澄清问题。 这确保对齐并防止浪费精力。

步骤 5.1：总结理解

首先，向用户展示您的理解：

"以下是我计划构建的内容：

**素材**：[格式] 针对 [潜在客户公司]
**受众**：[受众类型] — 特别是 [角色（如已知）]
**目标**：[目的] → 推动 [期望行动]
**关键主题**：[2-3 个要强调的要点]

[对于工作流演示，还需展示：]
**组件**：[系统列表]
**流程**：[步骤 1] → [步骤 2] → [步骤 3] → ...

步骤 5.2：询问标准问题（所有格式）

步骤 5.3：询问格式特定问题

交互式落地页：

• "哪些章节对此受众最重要？"
• "是否有需要强调的特定演示或用例？"
• "是否应包含 ROI 计算器？"
• "是否需要应对竞争对手定位？"

演示文稿风格：

• "演示时长为多久？（有助于确定幻灯片数量）"
• "是现场演示，还是可留下材料？"
• "是否有特定的流程或叙事弧线？"

一页纸：

• "最重要的单一信息是什么？"
• "是否有需要展示的特定证明点或数据？"
• "将印刷还是数字使用？"

工作流 / 架构演示：

• "让我确认组件：[列表]。有遗漏吗？"
• "以下是我理解的流程：[步骤]。正确吗？"
• "演示应展示真实示例数据，还是保持抽象？"
• "是否有需要强调或弱化的集成细节？"
• "观众应能点击步骤浏览，还是自动播放？"

步骤 5.4：确认并继续

用户回复后：

"收到。我已有所需信息。正在构建您的 [格式]..."

或者，如果仍不清晰：

"再问一个简短问题：[具体跟进]"

最多 2 轮问题。 如果仍然模糊，做出合理选择并备注："我选择了 X —— 如果您更喜欢 Y，可以轻松调整。"

阶段 6：构建与交付

构建素材

遵循上述所有规范：

1. 基于阶段 2 生成结构
2. 基于阶段 3 创建内容
3. 基于阶段 4 应用视觉设计
4. 确保所有交互元素正常工作
5. 测试响应式（如适用）

输出格式

所有格式：自包含的 HTML 文件

• 所有 CSS 内联或在 <style> 标签中
• 所有 JS 内联或在 <script> 标签中
• 无外部依赖（Google Fonts 除外）
• 单一文件，便于分享

文件命名：[潜在客户名称]-[格式]-[日期].html

• 示例：CentricBrands-workflow-demo-2026-01-28.html

交付信息

## ✓ 素材已创建：[潜在客户名称]

[查看您的素材](computer:///path/to/file.html)

---

**总结**
- **格式**：[交互式页面 / 演示文稿 / 一页纸 / 工作流演示]
- **受众**：[类型和角色]
- **目的**：[目标] → [期望行动]
- **章节/步骤**：[数量和列表]

---

**部署选项**

要与此素材分享给您的客户：
- **静态托管**：上传到 Netlify、Vercel、GitHub Pages、AWS S3 或任何静态托管服务
- **密码保护**：大多数托管服务提供此功能（如 Netlify 站点保护）
- **直接分享**：直接发送 HTML 文件 —— 完全自包含
- **嵌入**：如需，文件可通过 iframe 嵌入其他页面

---

**定制**

如需以下调整，请告诉我：
- 调整颜色或样式
- 添加、移除或重新排序章节
- 优化信息或文案
- 更改流程或架构（针对工作流演示）
- 添加更多交互元素
- 导出为 PDF 或静态图片

阶段 7：迭代支持

交付后，随时准备迭代：

切记：默认使用潜在客户的品牌色，但销售者可在初始构建后调整为自己的品牌或中性配色。

质量检查清单

在交付前，验证：

内容

• 潜在客户公司名称在整个文档中拼写正确
• 领导层姓名为当前信息（未过时）
• 痛点准确反映输入/转录文本
• 销售者的产品准确呈现
• 无残留的占位符文本
• 证明点准确且有来源

视觉

• 品牌色正确应用
• 所有文字可读（对比度）
• 动画流畅，不分散注意力
• 移动端响应（如为交互式页面）
• 深色主题看起来精美

功能

• 所有标签页/章节正常加载
• 交互元素正常工作（计算器、演示）
• 工作流步骤正确动画（如适用）
• 导航直观
• 行动号召清晰且可点击

专业

• 语气与受众匹配
• 详细程度适合目的
• 无拼写或语法错误
• 感觉量身定制，而非模板化

示例

示例 1：高管落地页

输入：

• 潜在客户：Acme Corp（制造业）
• 受众：C 级高管
• 目的：发现后高管对齐
• 格式：交互式落地页

输出结构：

[标签页]
战略契合 | 业务影响 | ROI 计算器 | 安全与信任 | 后续步骤

[战略契合标签页]
- Acme 明确的优先级（来自发现通话）
- [产品] 如何对齐
- 相关的制造业客户

示例 2：技术工作流演示

输入：

• 潜在客户：Centric Brands
• 受众：IT 架构师
• 目的：POC 提案
• 格式：工作流演示
• 组件：Claude、Workato DataGenie、Snowflake、PDF 合同

输出结构：

[含 5 个节点的交互式画布]
人员 → Claude → PDF 合同 → Workato → Snowflake
         ↓
    [结果返回人员]

[带示例数据的逐步引导]
[控制按钮：播放 | 暂停 | 下一步 | 重置]

示例 3：销售一页纸

输入：

• 潜在客户：TechStart Inc
• 受众：工程副总裁
• 目的：首次会议后可留下材料
• 格式：一页纸

输出结构：

核心："加速 TechStart 的产品交付速度"
要点 1：[开发人员效率]
要点 2：[代码质量]
要点 3：[上市时间]
证明："类似公司实现了 40% 更快的发布"
行动号召："安排技术深度探讨"

附录：组件图标

用于工作流演示的图标映射：

附录：品牌色后备方案

如果无法提取品牌色：

技能专为通用销售素材生成而创建。适用于任何销售者、任何产品、任何潜在客户。