create-an-asset

Name: create-an-asset
Author: w95

github.com/w95营销与增长28537 次安装35 周前更新

代码仓库

关于 create-an-asset

create-an-asset 是用于制作销售材料的技能，可根据潜在客户、受众和销售目标定制内容。它收集背景、研究客户，并组织成落地页、演示文稿、单页资料或工作流演示。

主要功能

01收集销售方、客户、受众和目标背景
02研究潜在客户及行业信息
03制作交互式落地页或演示文稿
04制作高管单页资料
05构建工作流和架构演示
06依据明确需求和证据定制内容

适用场景

01为潜在客户准备需求沟通后的材料
02制作支持交易共识的高管摘要
03展示技术工作流或架构
04为销售沟通制作客户材料

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/w95/awesome-claude-corporate-skills --skill create-an-asset

安装后在 Claude Code 中输入/create-an-asset确认已加载。

附带文件QUICKREF.mdREADME.md

详细介绍

创建销售资料

根据潜在客户、受众和目标，生成定制的销售资料。支持交互式落地页、演示文稿、管理层单页资料，以及工作流／架构演示。

触发条件

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

用户说 /create-an-asset 或 /create-an-asset [CompanyName]
用户要求“创建销售资料”“制作演示”“制作落地页”或“制作工作流模型”
用户需要用于销售沟通、面向客户的交付物

概述

此技能通过收集以下信息来创建专业的销售资料：

（a）潜在客户——公司、联系人、沟通记录、痛点
（b）受众——谁会查看，以及他们关注什么
（c）目的——销售资料的目标，以及期望的后续行动
（d）格式——落地页、演示文稿、单页资料或工作流演示

随后，此技能会进行调研、构建内容框架并制作精美的品牌化资料，供分享给客户。

阶段 0：上下文检测与信息收集

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

根据用户的电子邮件域名，识别其所属公司。

操作：

提取用户电子邮件中的域名
搜索："[domain]" company products services site:linkedin.com OR site:crunchbase.com
确定销售方上下文：

情况	操作
单一产品公司	自动填充销售方上下文
多产品公司	询问：“这份销售资料是针对哪款产品或解决方案？”
顾问／代理机构／通用域名	询问：“您代表哪家公司或产品？”
未知／初创公司	询问：“请简要说明您在销售什么。”

存储销售方上下文：

seller:
  company: "[Company Name]"
  product: "[Product/Service]"
  value_props:
    - "[Key value prop 1]"
    - "[Key value prop 2]"
    - "[Key value prop 3]"
  differentiators:
    - "[Differentiator 1]"
    - "[Differentiator 2]"
  pricing_model: "[If publicly known]"

保存到知识库，供今后的会话使用。后续调用时，确认：“我保留了您上次提供的销售方上下文——您目前仍在 [Company] 销售 [Product] 吗？”

步骤 0.2：收集潜在客户上下文（a）

询问用户：

字段	提示词	必填
公司	“这份销售资料面向哪家公司？”	✓ 是
关键联系人	“关键联系人有哪些？（姓名、职位）”	否
交易阶段	“这笔交易目前处于哪个阶段？”	✓ 是
痛点	“他们提到过哪些痛点或优先事项？”	否
过往材料	“上传相关沟通材料（文字记录、电子邮件、笔记、通话录音）”	否

交易阶段选项：

初次接触／首次会议
需求发现
评估／技术审查
POC／试点
谈判
成交

步骤 0.3：收集受众上下文（b）

询问用户：

字段	提示词	必填
受众类型	“谁会查看这份资料？”	✓ 是
具体职位	“是否需要针对特定职位调整内容？（例如，CTO、工程副总裁、CFO）”	否
主要关注点	“他们最关注什么？”	✓ 是
异议	“是否有需要回应的顾虑或异议？”	否

受众类型选项：

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

主要关注点选项：

ROI／业务影响
技术深度／架构
战略契合度
风险缓解／安全性
实施／时间安排

步骤 0.4：收集目的上下文（c）

询问用户：

字段	提示词	必填
目标	“这份销售资料的目标是什么？”	✓ 是
期望行动	“查看资料后，您希望对方采取什么行动？”	✓ 是

目标选项：

初次接触／留下第一印象
需求发现后的跟进
技术深度探讨
管理层协同／商业论证
POC 提案
促成交易

第 0.5 步：选择格式 (d)

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

格式	描述	适用场景
交互式落地页	包含演示、指标和计算器的多标签页	高管达成共识、介绍、价值主张
演示文稿式	线性幻灯片，可直接用于演示	正式会议、大型受众
单页摘要	单页滚动式高管摘要	会后留存材料、快速摘要
工作流 / 架构演示	带动画流程的交互式图表	技术深度讲解、POC 演示、集成

第 0.6 步：格式专属输入

如果选择了“工作流 / 架构演示”：

**首先，从用户的描述中提取信息。**查找：

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

然后询问缺失的信息：

如果缺少……	询问……
组件不清楚	“涉及哪些系统或组件？（数据库、API、AI、中间件等）”
流程不清楚	“请按步骤介绍整个流程。”
人工交互环节不清楚	“在这个工作流中，哪些环节需要人工参与？”
场景不具体	“有什么具体的示例场景可以演示吗？”
集成细节	“有没有需要重点展示的工具或平台？”

第 1 阶段：调研（自适应）

评估上下文丰富程度

级别	指标	调研深度
丰富	已上传访谈记录、痛点详尽、需求明确	轻度 — 仅补充缺失信息
中等	有一些上下文，没有访谈记录	中度 — 公司 + 行业
有限	只有公司名称	深度 — 全面调研

始终调研：

潜在客户基本信息
- 搜索："[Company]" annual report investor presentation 2025 2026
- 搜索："[Company]" CEO strategy priorities 2025 2026
- 提取：收入、员工人数、关键指标、战略重点
领导层
- 搜索："[Company]" CEO CTO CIO 2025
- 提取：姓名、职位、近期关于战略 / 技术的引言
品牌颜色
- 搜索："[Company]" brand guidelines
- 或从公司网站提取
- 记录：主色、次要色、强调色

如果上下文中等 / 有限，还要调研：

行业背景
- 搜索："[Industry]" trends challenges 2025 2026
- 提取：常见痛点、市场动态
技术格局
- 搜索："[Company]" technology stack tools platforms
- 提取：现有解决方案、潜在集成点
竞争背景
- 搜索："[Company]" vs [seller's competitors]
- 提取：现有解决方案、转换信号

如果已上传访谈记录 / 材料：

对话分析
- 提取：明确提出的痛点、决策标准、异议、时间安排
- 识别：可引用的关键原话（使用对方的原文）
- 记录：具体术语、缩写、内部项目名称

第 2 阶段：结构决策

交互式落地页

用途	推荐版块
简介	公司契合度 → 解决方案概览 → 关键用例 → 为什么选择我们 → 后续步骤
发现后跟进	对方的优先事项 → 我们如何提供帮助 → 相关示例 → ROI 框架 → 后续步骤
技术深入探讨	架构 → 安全与合规 → 集成 → 性能 → 支持
高管协同	战略契合度 → 业务影响 → ROI 计算器 → 风险缓解 → 合作关系
POC 提案	范围 → 成功标准 → 时间线 → 团队 → 投入 → 后续步骤
促成交易	价值总结 → 定价 → 实施计划 → 条款 → 签署

受众调整：

高管：以业务影响、ROI、战略协同为重点
技术人员：以架构、安全、集成深度为重点
运营人员：以工作流影响、变更管理、支持为重点
混合受众：兼顾战略与战术；使用选项卡区分不同深度的内容

幻灯片式

与落地页使用相同的版块，按线性幻灯片形式排版：

1. Title slide (Prospect + Seller logos, partnership framing)
2. Agenda
3-N. One section per slide (or 2-3 slides for dense sections)
N+1. Summary / Key takeaways
N+2. Next steps / CTA
N+3. Appendix (optional — detailed specs, pricing, etc.)

幻灯片原则：

每张幻灯片传达一条关键信息
视觉内容优先于大量文字
使用潜在客户的指标和语言
添加演讲者备注

单页简介

浓缩为单页滚动格式：

┌─────────────────────────────────────┐
│ HERO: "[Prospect Goal] with [Product]" │
├─────────────────────────────────────┤
│ KEY POINT 1     │ KEY POINT 2     │ KEY POINT 3     │
│ [Icon + 2-3     │ [Icon + 2-3     │ [Icon + 2-3     │
│  sentences]     │  sentences]     │  sentences]     │
├─────────────────────────────────────┤
│ PROOF POINT: [Metric, quote, or case study] │
├─────────────────────────────────────┤
│ CTA: [Clear next action] │ [Contact info] │
└─────────────────────────────────────┘

工作流 / 架构演示

根据复杂程度组织结构：

复杂程度	组件数	结构
简单	3-5	单视图图表，并标注步骤
中等	5-10	可缩放画布，配有分步演示
复杂	10+	多层视图（概览 → 详细内容），配有引导式导览

标准元素：

标题栏：[Scenario Name] — Powered by [Seller Product]
组件节点：为每个系统提供可视化方框 / 图标
流程箭头：用动画连接显示数据流动
步骤面板：侧边栏，用通俗语言说明当前步骤
控件：播放 / 暂停 / 前进一步 / 后退一步 / 重置
注释：标出关键决策点和增值点
数据预览：展示每个步骤中的示例负载或转换

第 3 阶段：内容生成

通用原则

所有内容都应：

提及用户输入或记录稿中的具体痛点
使用潜在客户的语言——他们的术语和明确表达的优先事项
明确说明卖方产品如何对应潜在客户的需求
尽可能加入证明材料（案例研究、指标、引述）
体现量身定制，而非套用模板

版块模板

主视觉 / 简介

Headline: "[Prospect's Goal] with [Seller's Product]"
Subhead: Tie to their stated priority or top industry challenge
Metrics: 3-4 key facts about the prospect (shows we did homework)

对方的优先事项（用于发现后跟进）

Reference specific pain points from conversation:
- Use their exact words where possible
- Show we listened and understood
- Connect each to how we help

解决方案映射

For each pain point:
├── The challenge (in their words)
├── How [Product] addresses it
├── Proof point or example
└── Outcome / benefit

用例 / 演示

3-5 relevant use cases:
├── Visual mockup or interactive demo
├── Business impact (quantified if possible)
├── "How it works" — 3-4 step summary
└── Relevant to their industry/role

ROI / 业务案例

Interactive calculator with:
├── Inputs relevant to their business (from research)
│   ├── Number of users/developers
│   ├── Current costs or time spent
│   └── Expected improvement %
├── Outputs:
│   ├── Annual value / savings
│   ├── Cost of solution
│   ├── Net ROI
│   └── Payback period
└── Assumptions clearly stated (editable)

为什么选择我们 / 差异化优势

├── Differentiators vs. alternatives they might consider
├── Trust, security, compliance positioning
├── Support and partnership model
└── Customer proof points (logos, quotes, case studies)

后续步骤 / 行动号召

├── Clear action aligned to Purpose (c)
├── Specific next step (not vague "let's chat")
├── Contact information
├── Suggested timeline
└── What happens after they take action

工作流演示内容

组件定义

为每个系统定义：

component:
  id: "snowflake"
  label: "Snowflake Data Warehouse"
  type: "database"  # database | api | ai | middleware | human | document | output
  icon: "database"
  description: "Financial performance data"
  brand_color: "#29B5E8"

组件类型：

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

流程步骤

为每个步骤定义：

step:
  number: 1
  from: "human"
  to: "claude"
  action: "Initiates performance review"
  description: "Sarah, a Brand Analyst at [Prospect], kicks off the quarterly review..."
  data_example: "Review request: Nike brand, Q4 2025"
  duration: "~1 second"
  value_note: "No manual data gathering required"

场景叙述

编写清晰、具体的演示说明：

Step 1: Human Trigger
"Sarah, a Brand Performance Analyst at Centric Brands, needs to review
Q4 performance for the Nike license agreement. She opens the review
dashboard and clicks 'Start Review'..."

Step 2: Contract Analysis
"Claude retrieves the Nike contract PDF and extracts the performance
obligations: minimum $50M revenue, 12% margin requirement, quarterly
reporting deadline..."

Step 3: Data Query
"Claude formulates a query and sends it to Workato DataGenie:
'Get Q4 2025 revenue and gross margin for Nike brand from Snowflake'..."

Step 4: Results & Synthesis
"Snowflake returns the data. Claude compares actuals vs. obligations:
Revenue $52.3M ✓ (exceeded by $2.3M)
Margin 11.2% ⚠️ (0.8% below threshold)..."

Step 5: Insight Delivery
"Claude synthesizes findings into an executive summary with
recommendations: 'Review promotional spend allocation to improve
margin performance...'"

第 4 阶段：视觉设计

配色系统

:root {
    /* === Prospect Brand (Primary) === */
    --brand-primary: #[extracted from research];
    --brand-secondary: #[extracted];
    --brand-primary-rgb: [r, g, b]; /* For rgba() usage */

    /* === Dark Theme Base === */
    --bg-primary: #0a0d14;
    --bg-elevated: #0f131c;
    --bg-surface: #161b28;
    --bg-hover: #1e2536;

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

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

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

字体排版

/* Primary: Clean, professional sans-serif */
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

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

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

/* Captions/Labels */
small: 0.875rem, font-weight: 500

视觉元素

卡片：

背景：var(--bg-surface)
边框：1px 实线 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; /* Warm color for humans */
}

.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,..."); /* Subtle grid pattern */
    overflow: auto;
}

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

在构建任何资产之前，务必先提出澄清问题。 这样可以确保双方认知一致，避免浪费精力。

步骤 5.1：总结理解

首先，向用户说明你理解的内容：

"Here's what I'm planning to build:

**Asset**: [Format] for [Prospect Company]
**Audience**: [Audience type] — specifically [roles if known]
**Goal**: [Purpose] → driving toward [desired action]
**Key themes**: [2-3 main points to emphasize]

[For workflow demos, also show:]
**Components**: [List of systems]
**Flow**: [Step 1] → [Step 2] → [Step 3] → ...

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

问题	原因
“这符合你的设想吗？”	确认理解
“要想成功，这件事最关键的一点是什么？”	明确优先事项
“偏好哪种语气？（大胆自信 / 善于沟通 / 技术严谨）”	保持风格一致
“希望内容聚焦简洁，还是全面详尽？”	明确范围

步骤 5.3：提出格式专属问题

交互式落地页：

“对于这类受众，哪些版块最重要？”
“有没有要重点展示的演示或用例？”
“要不要加入 ROI 计算器？”
“需要回应哪些竞争对手的定位？”

演示文稿风格：

“演示时长是多少？（有助于确定幻灯片数量）”
“是现场演示，还是留给对方阅读？”
“有没有设想中的具体流程或叙事脉络？”

单页简介：

“最重要的一条信息是什么？”
“有没有要展示的关键证据或数据？”
“内容会用于印刷，还是数字形式？”

工作流 / 架构演示：

“我确认一下这些组件：[列表]。有遗漏吗？”
“我理解的流程如下：[步骤]。正确吗？”
“演示应展示真实的示例数据，还是保持抽象？”
“有哪些集成细节需要重点说明或淡化？”
“观看者应能点击浏览各步骤，还是自动播放？”

步骤 5.4：确认并继续

用户回复后：

"Got it. I have what I need. Building your [format] now..."

如果仍不清楚：

"One more quick question: [specific follow-up]"

最多进行 2 轮提问。 如果仍有歧义，就做出合理选择，并说明：“我选择了 X；如果你更倾向于 Y，之后也很容易调整。”

阶段 6：构建并交付

构建资产

遵循上述所有规范：

根据阶段 2 生成结构
根据阶段 3 创建内容
根据阶段 4 应用视觉设计
确保所有交互元素正常运行
测试响应式效果（如适用）

输出格式

所有格式：独立的 HTML 文件

所有 CSS 均内联或置于 <style> 标签中
所有 JS 均内联或置于 <script> 标签中
不使用外部依赖（Google Fonts 除外）
使用单个文件，方便分享

文件命名：[ProspectName]-[format]-[date].html

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

交付消息

## ✓ Asset Created: [Prospect Name]

[View your asset](computer:///path/to/file.html)

---

**Summary**
- **Format**: [Interactive Page / Deck / One-Pager / Workflow Demo]
- **Audience**: [Type and roles]
- **Purpose**: [Goal] → [Desired action]
- **Sections/Steps**: [Count and list]

---

**Deployment Options**

To share this with your customer:
- **Static hosting**: Upload to Netlify, Vercel, GitHub Pages, AWS S3, or any static host
- **Password protection**: Most hosts offer this (e.g., Netlify site protection)
- **Direct share**: Send the HTML file directly — it's fully self-contained
- **Embed**: The file can be iframed into other pages if needed

---

**Customization**

Let me know if you'd like to:
- Adjust colors or styling
- Add, remove, or reorder sections
- Refine any messaging or copy
- Change the flow or architecture (for workflow demos)
- Add more interactive elements
- Export as PDF or static images

阶段 7：迭代支持

交付后，随时准备根据反馈迭代：

用户请求	操作
“更改颜色”	使用新配色重新生成，保留内容
“添加一个关于 X 的版块”	插入新版块，保持流程连贯
“缩短一些”	精简内容，优先保留要点
“流程不对”	根据修正意见重建架构
“改用我们的品牌”	从潜在客户品牌切换为卖方品牌
“详细说明步骤 3”	专门扩展该版块
“能帮我导出 PDF 吗？”	提供适合打印的版本

请记住：默认使用潜在客户的品牌颜色，但初步构建后，卖方可以改用自己的品牌或中性配色。

质量检查清单

交付前，请确认：

内容

潜在客户公司名称在全文中拼写正确
领导层姓名为最新信息（未过时）
痛点准确反映输入内容 / 访谈记录
卖方的产品介绍准确
没有残留占位文本
证据准确且来源可靠

视觉

品牌颜色应用正确
所有文本清晰可读（对比度适宜）
动画流畅，不会分散注意力
移动端适配良好（如为交互式页面）
深色主题经过精心设计

功能

所有标签页／版块均可正确加载
交互元素均可正常使用（计算器、演示）
工作流步骤可正确播放动画（如适用）
导航直观易用
行动号召清晰且可点击

专业性

语气符合受众
详略程度符合目的
没有拼写或语法错误
内容针对性强，而非套用模板

示例

示例 1：高管落地页

输入：

潜在客户：Acme Corp（制造业）
受众：高管层
目的：在需求挖掘后统一高管团队的认知
格式：交互式落地页

输出结构：

[Tabs]
Strategic Fit | Business Impact | ROI Calculator | Security & Trust | Next Steps

[Strategic Fit tab]
- Acme's stated priorities (from discovery call)
- How [Product] aligns
- Relevant manufacturing customers

示例 2：技术工作流演示

输入：

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

输出结构：

[Interactive canvas with 5 nodes]
Human → Claude → PDF Contracts → Workato → Snowflake
         ↓
    [Results back to Human]

[Step-by-step walkthrough with sample data]
[Controls: Play | Pause | Step | Reset]

示例 3：销售单页资料

输入：

潜在客户：TechStart Inc
受众：工程副总裁
目的：首次会议后的后续资料
格式：单页资料

输出结构：

Hero: "Accelerate TechStart's Product Velocity"
Point 1: [Dev productivity]
Point 2: [Code quality]
Point 3: [Time to market]
Proof: "Similar companies saw 40% faster releases"
CTA: "Schedule technical deep-dive"

附录：组件图标

对于工作流演示，请使用以下图标映射：

类型	图标	示例
人员	👤 或 person SVG	用户、分析师、管理员
文档	📄 或 file SVG	PDF、合同、报告
AI	🤖 或 brain SVG	Claude、AI Agent
数据库	🗄️ 或 cylinder SVG	Snowflake、Postgres
API	🔌 或 plug SVG	REST API、GraphQL
中间件	⚡ 或 hub SVG	Workato、MCP Server
输出	📊 或 screen SVG	仪表板、报告

附录：品牌颜色备用方案

如果无法提取品牌颜色：

行业	主色	辅色
科技	#2563eb	#7c3aed
金融	#0f172a	#3b82f6
医疗保健	#0891b2	#06b6d4
制造业	#ea580c	#f97316
零售	#db2777	#ec4899
能源	#16a34a	#22c55e
默认	#3b82f6	#8b5cf6

此技能为通用销售资产生成而创建。适用于任何销售人员、任何产品和任何潜在客户。

支持 Markdown

登录后评论

基本信息

作者: w95
仓库: w95/awesome-claude-corporate-skills
分类: 营销与增长
安装次数: 37
GitHub Stars: 285

报告问题