项目说明、集成字段和品牌规则保存在同一项目中,新增平台时继续沿用统一的目录结构与文案标准。
Claude Code × 内容与创意 · 可处理 0/4 个环节
Claude Code × 产品集成页策划 Skill
产品集成页策划 Skill有 4 个执行步骤,当前环境缺少完成这些步骤所需的工具。Claude Code虽能直接读取本机目录里的资料,仍需按下方说明由团队补齐其他能力。需要提前知道的是:产物区审阅这 1 项它不做,涉及的 4 个步骤要按下面的手工方式衔接。
- 4个核心环节
- 无当前可处理的环节
- 未进前十在本 Agent 的推荐清单
WHY CLAUDE CODE
适配结论
Claude Code 适合把集成字段、品牌规则和页面内容长期保存在同一个网站项目中
产品集成页策划 Skill可以作为独立任务在 Claude Code 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。
Claude Code 适合把集成字段、品牌规则和页面内容长期保存在同一个网站项目中,让新增平台继续沿用统一的目录结构与文案标准。
CAPABILITY × STEP
核心差异
项目规则约束每次集成页更新
产品集成页策划 Skill 共 4 个环节。当前环境缺少完成这些环节所需的工具;另外 4 个需要团队补充。实际结果取决于输入资料、已接入工具与运行环境。
| 步骤 | 所需能力 | 等级 | 在 Claude Code 下具体怎么做 |
|---|---|---|---|
| 01 确认集成类型、重点平台、页面规模与主要行动 | 读本地资料打开网页取正文产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
| 02 按使用场景组织目录、分类、搜索与筛选 | 读本地资料写本地文件中文办公文档产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
| 03 完成集成卡片和重点集成页内容 | 读本地资料写本地文件页面预览产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
| 04 补齐 CTA、站内链接与 SEO 元数据 | 写本地文件打开网页取正文页面预览浏览器自动化产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
集成中心会持续加入新平台,如果字段、卡片和页面写法只留在一次任务里,后续很容易发生差异。Claude Code 可以读取项目说明、数据文件与既有页面,用子任务分别整理目录分类、重点页面和站内链接。
- 01
确认集成类型、重点平台、页面规模与主要行动
结合项目说明、产品资料和现有页面,确认集成类型、重点平台、目录规模、页面形式与主要 CTA。
- 02
按使用场景组织目录、分类、搜索与筛选
按项目数据结构维护类别、场景、推荐顺序、搜索字段、页面路径和帮助入口。
- 03
完成集成卡片和重点集成页内容
按照品牌规则和组件字段生成卡片与重点页面稿,把平台名称、工作收益、CTA 和帮助入口对应到统一字段。
- 04
补齐 CTA、站内链接与 SEO 元数据
维护 Title、Description、H1 和内链字段,再检查连接入口、文档链接、相关集成推荐与页面路径。
IMPORT · RUN
资料导入与任务下发
安装 Skill 并加入项目规则
Claude Code可以直接读取目录里的资料,把这些文件放在同一个位置即可。
需要准备的资料
- 原生集成、插件、扩展、API 与 Webhook 清单,以及每项集成当前可用的连接方式
- 目标用户、主要工作场景、重点平台,以及访客要完成的安装、连接、注册或查看文档动作
- 每项集成的产品 Logo、名称、功能说明、工作流截图、安装或连接地址与帮助文档
- 现有集成页、功能页、价格页、API 页面和产品文档,以及目标关键词和品牌语气
在 Claude Code 里是这样推进的
把品牌规范、项目背景和现有文件放在同一个项目目录,Claude Code 会结合项目内容调用相应 Skill。
让它先列出任务步骤,再读取文件、调用终端或 MCP 工具完成研究和制作;复杂任务可以分给多个子任务。
把 skill-integrations-page 复制到 ~/.claude/skills/,或放入项目级 Skills;在项目说明中写明集成字段、品牌规则、内容目录和检查命令。
MANUAL HANDOFF
需要团队补充的步骤
产物区审阅需要手工补
有 1 项能力需要你在 Claude Code 之外完成,下面写清了各自影响哪一步、怎么补。
-
产物区审阅
影响:第 1 步 确认集成类型、重点平台、页面规模与主要行动、第 2 步 按使用场景组织目录、分类、搜索与筛选、第 3 步 完成集成卡片和重点集成页内容、第 4 步 补齐 CTA、站内链接与 SEO 元数据
原因:没有独立产物区,成果以项目文件形式落地
做法:在对话流里分段核对结果
COLLABORATE · CHAIN
协作与后续衔接
项目规则承接持续更新
新增集成沿用既有页面字段
新增平台资料进入项目后,可以沿用既有字段生成卡片与重点页面稿,并检查分类、链接和 SEO 字段。
COMBINATION CASE
场景化实战案例
在网站仓库持续维护集成中心
项目中已有品牌规则、集成数据文件和既有页面内容,本次新增三项平台并调整一个分类。
- 读取项目规则与资料
- 更新集成数据
- 生成卡片与重点页面稿
- 检查 CTA 与站内链接
- 审阅页面稿和 SEO 字段
预期结果:交付更新后的目录数据、页面内容、SEO 字段和站内链接。
VERIFY · TROUBLESHOOT
效果验证方法
检查集成字段、CTA、帮助链接、页面路径、Title、Description、H1 和站内链接
检查集成字段、CTA、帮助链接、页面路径、Title、Description、H1 和站内链接。
可直接使用的第一个任务
请在 Claude Code 中使用「产品集成页策划 Skill」。本次要完成:SaaS 已接入多个办公与营销平台,官网只有 Logo 列表,客户看不出各项集成能解决什么工作问题。我会提供原生集成、插件、扩展、API 与 Webhook 清单,以及每项集成当前可用的连接方式和目标用户、主要工作场景、重点平台,以及访客要完成的安装、连接、注册或查看文档动作。请先完成一份小样,交付集成目录结构:分类、重点推荐、卡片排序,以及集成较多时的搜索与筛选安排和集成卡片文案:平台名称、使用收益、典型用法和连接或安装 CTA,并列出需要我确认的金额、日期、适用人群和目标链接。注意:产物区审阅这部分你做不到,遇到时直接告诉我,我手工补。
安装后的最小验证任务
安装完成后,请 Claude Code 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。
Claude Code 常见问题
- 没有调用 Skill 时,在任务里直接写出 Skill 名称
- 没有取到 MCP 数据时,检查连接和授权状态
- 项目资料太多时,指出本次优先参考的文件
- 第 1 步 确认集成类型、重点平台、页面规模与主要行动停住时,不用反复换提示词——没有独立产物区,成果以项目文件形式落地,按上面的手工方式补这一步即可
- 中文办公文档相关步骤结果不稳定时,先确认办公文档需要通过工具处理,纯版式工作不是它的强项
Claude Code 跑产品集成页策划 Skill需要改哪几步?
4 步里有 4 步需要改,原因是Claude Code不提供产物区审阅。具体改法见页面里的手工衔接说明。
资料要怎么交给 Claude Code?
Claude Code可以直接读取目录里的资料,把这些文件放在同一个位置即可。
装完先做什么验证?
安装完成后,请 Claude Code 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。
什么任务更适合选 Claude Code?
Claude Code 适合把集成字段、品牌规则和页面内容长期保存在同一个网站项目中,让新增平台继续沿用统一的目录结构与文案标准。
Claude Code 常见的失败情况有哪些?
没有调用 Skill 时,在任务里直接写出 Skill 名称;没有取到 MCP 数据时,检查连接和授权状态;项目资料太多时,指出本次优先参考的文件。
先固化一个分类和一张页面模板
先用一组同类集成和一个重点页面确认数据字段与内容结构,再让其他平台沿用。
连接 CTA 直接指向安装、连接、注册或文档入口;API、功能、价格和相关集成页面使用能说明去向的链接文字。
INSTALL
安装到 Claude Code
把产品集成页策划 Skill装进 Claude Code,一条命令完成
把 skill-integrations-page 复制到 ~/.claude/skills/,或放入项目级 Skills;在项目说明中写明集成字段、品牌规则、内容目录和检查命令。
METHOD 01 · 交给 AI 自己装
复制提示词
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。
请帮我把「产品集成页策划 Skill」安装到 Claude Code。 1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-integrations-page/1.0.0/skill-integrations-page.zip 注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件,按 Claude Code 的方式安装:mkdir -p ~/.claude/skills && cp -R ./skill-integrations-page ~/.claude/skills/ 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证:在项目里提一个只读任务并点名 Skill,确认它按 SKILL.md 的步骤复述计划。 5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。 参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-integrations-page/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-integrations-page.md
METHOD 03 · 手动放目录
手动安装
解压 ZIP 后,在 Claude Code 中执行:
mkdir -p ~/.claude/skills && cp -R ./skill-integrations-page ~/.claude/skills/
验证:在项目里提一个只读任务并点名 Skill,确认它按 SKILL.md 的步骤复述计划。
- 项目资料过多时要指出本次优先参考的文件
- MCP 数据取不到时先检查连接与授权状态
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
WorkBuddy、Codex、OpenClaw在这个 Skill 上覆盖更多环节
下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。
WorkBuddy 产品集成页策划
WorkBuddy在这个 Skill 上直接覆盖 2/4 步,而且能直接读写 Word、Excel、PPT 等办公文档——如果你这次的卡点正是中文办公文档,换它更省事。
Codex 产品集成页策划
Codex在这个 Skill 上直接覆盖 1/4 步,而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅,换它更省事。
OpenClaw 产品集成页策划
OpenClaw在这个 Skill 上直接覆盖 0/4 步,而且能操作浏览器完成登录态内的取数——如果你这次的卡点正是浏览器自动化,换它更省事。
FURTHER READING
Claude Code 与产品集成页策划相关的实操文章
继续查看这套产品集成页策划方法:让访客先找到适合自己的平台,再看懂连接后能完成什么工作。
假设一家 SaaS 公司上线了 ROI 计算器。三个月后,工具页的自然流量和使用次数都在涨,市场团队把它当作新的获客入口,销售却说收到的邮箱很难跟进:有人只想算一道题,有人来自目标行业之外,还有人留下
定价页已经把 Starter、Professional、Enterprise 排成三张卡,价格、功能和“最受欢迎”角标也都在,销售仍然反复收到同一个问题:我们该买哪一档?这时团队很容易删一档套餐、放大
假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在,只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”
买家搜索“A 对比 B”时,通常已经知道品类,也看过其他产品。他打开供应商的对比页,看到自家产品每一行都是绿色勾,竞品则处处受限;再打开竞品的网站,结论正好反过来。两张页面都写了很多功能,却没有帮助他
营销Skill调用失败怎么排查?按触发、路径、权限和输出定位
营销Skill调用失败怎么排查?先不要急着改提示词。用户看到的“没按Skill执行”可能是根本没有触发,也可能是Skill已启动却读不到文件、拿不到权限,或者运行成功但输出不符合预期。这几类问题需要不
越来越多人把选型直接丢给ChatGPT、Perplexity、Gemini,或者购物、采购类助手。答案是模型拼出来的,不一定点开你的网页。世界经济论坛把这件事叫做智能体引擎优化(AEO):你要进的不是
NEXT WORKFLOW
搭配使用
营销对比表设计 Skill、应用商店优化 Skill、网站内容卡片设计 Skill
集成目录页帮助访客发现平台并理解连接收益;API 页面介绍开放能力,产品文档说明安装与配置,应用市场页面承接第三方市场中的发现与安装。
Claude Code 营销对比表设计 Skill
用 Claude Code 完成「竞品落地页需要说明产品差异,同时避免只挑选有利于自己的比较项」,最终得到区块方案:页面位置、对比类型、H2、引导语与单一 CTA。
Claude Code 应用商店优化 Skill
用 Claude Code 完成「App Store 的自然搜索流量已经停滞」,最终得到六维 ASO 评分卡与总分评级。
Claude Code 网站内容卡片设计 Skill
用 Claude Code 完成「SaaS 工具目录的卡片同时放功能、价格、标签和多个按钮,访客很难快速比较」,最终得到卡片字段规格:必填、选填、显示顺序、文字长度和缺失内容处理。