资料任务核对产品与客户记录,文案任务完成首屏表达,结构任务排列区块,SEO 任务整理元数据与 Schema 字段。
Claude Code × 内容与创意 · 可处理 1/4 个环节
Claude Code × 官网首页策划 Skill
官网首页策划 Skill有 4 个执行步骤,Claude Code 可以处理 1 步,其中 1 步需要相应工具与配置。它能直接读取本机目录里的资料,正好对应这个 Skill 里最吃工具的一段。需要提前知道的是:产物区审阅这 1 项它不做,涉及的 3 个步骤要按下面的手工方式衔接。
- 4个核心环节
- 1/4当前可处理的环节
- 未进前十在本 Agent 的推荐清单
WHY CLAUDE CODE
适配结论
Claude Code 适合在官网项目里沿用既有 CLAUDE.md、品牌用语、组件规则与项目检查
官网首页策划 Skill可以作为独立任务在 Claude Code 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。
Claude Code 适合在官网项目里沿用既有 CLAUDE.md、品牌用语、组件规则与项目检查。团队可将资料整理、首屏文案、区块结构和 SEO 字段分开处理,由主任务汇总成一份与项目规则一致的首页策划稿。
CAPABILITY × STEP
核心差异
项目规则与多任务首页复核
官网首页策划 Skill 共 4 个环节。Claude Code 可以处理 1 个环节,其中 1 个需要相应工具与配置;另外 3 个需要团队补充。实际结果取决于输入资料、已接入工具与运行环境。
| 步骤 | 所需能力 | 等级 | 在 Claude Code 下具体怎么做 |
|---|---|---|---|
| 01 确认首页受众、主要目标与流量来源 | 读本地资料打开网页取正文中文办公文档 | 有条件 | 可以做但有条件:办公文档需要通过工具处理,纯版式工作不是它的强项。 |
| 02 收紧价值主张、首要行动与导航去向 | 读本地资料写本地文件产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
| 03 安排 Hero、可信资料、优势、场景与疑虑回应 | 读本地资料写本地文件中文办公文档产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
| 04 完成 TDK、H1、Schema 字段与发布检查 | 写本地文件产物区审阅打开网页取正文 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
首页同时牵涉品牌表达、产品资料、页面组件和 SEO 实现。Claude Code 可以先读取项目规则,再让各项任务围绕同一受众、首要行动和文件结构交付。
- 01
确认首页受众、主要目标与流量来源
读取 CLAUDE.md、项目文档和首页资料,确认受众、首要行动和可用来源。
- 02
收紧价值主张、首要行动与导航去向
文案任务编写 H1、副标题与 CTA,项目任务同步核对导航与路由。
- 03
安排 Hero、可信资料、优势、场景与疑虑回应
资料任务核对客户与案例记录,结构任务组织区块,主任务统一信息顺序。
- 04
完成 TDK、H1、Schema 字段与发布检查
SEO 任务整理 Title、Description、H1 和 Schema 字段,主任务根据项目规则复核并输出实施清单。
IMPORT · RUN
资料导入与任务下发
加入项目 Skills 并读取 CLAUDE.md
Claude Code可以直接读取目录里的资料,把这些文件放在同一个位置即可。
需要准备的资料
- 品牌与产品资料、目标访客、首页的主要转化目标,以及希望访客完成的首要行动
- 现有首页 URL、截图或页面稿,已知的自然搜索、付费投放、引荐与回访等流量来源
- 价值主张、核心优势、使用场景、常见疑虑,以及可公开的客户 Logo、评价、案例或资质记录
- 品牌语气、导航与关键页面清单、目标品牌词、网站组件规范、SEO 和结构化数据要求
在 Claude Code 里是这样推进的
把品牌规范、项目背景和现有文件放在同一个项目目录,Claude Code 会结合项目内容调用相应 Skill。
让它先列出任务步骤,再读取文件、调用终端或 MCP 工具完成研究和制作;复杂任务可以分给多个子任务。
把 Skill 放入个人或项目 Skills 目录,提供 CLAUDE.md、品牌与产品资料、首页路径、组件文件、引用要求和项目检查命令。
MANUAL HANDOFF
需要团队补充的步骤
产物区审阅需要手工补
有 1 项能力需要你在 Claude Code 之外完成,下面写清了各自影响哪一步、怎么补。
-
产物区审阅
影响:第 2 步 收紧价值主张、首要行动与导航去向、第 3 步 安排 Hero、可信资料、优势、场景与疑虑回应、第 4 步 完成 TDK、H1、Schema 字段与发布检查
原因:没有独立产物区,成果以项目文件形式落地
做法:在对话流里分段核对结果
COLLABORATE · CHAIN
协作与后续衔接
资料、文案、结构与 SEO 分项处理
项目规则继续服务首页更新
受众、品牌用语、资料来源、区块命名、引用格式和检查命令保留在项目中,后续修改继续沿用。
COMBINATION CASE
场景化实战案例
示例:复核一个官网首页改版方案
假设官网项目已有品牌规则、首页组件、客户资料和 SEO 配置,团队准备重排首页。
- 读取项目规则
- 资料任务核对来源
- 文案任务完成首屏
- 结构与 SEO 任务补齐字段
- 主任务汇总修改清单
预期结果:交付首页策划稿、资料来源表、区块与 SEO 字段对照和复核清单;此为假设场景,页面实现与发布需团队继续确认。
VERIFY · TROUBLESHOOT
效果验证方法
每条意见指向 Hero、客户资料、优势、场景、CTA、元数据或 Schema 字段,修订后再运行项目检查
每条意见指向 Hero、客户资料、优势、场景、CTA、元数据或 Schema 字段,修订后再运行项目检查。
可直接使用的第一个任务
请在 Claude Code 中使用「官网首页策划 Skill」。本次要完成:SaaS 官网首页同时放了产品介绍、功能清单和多个 CTA,团队需要重新确定主要信息与行动。我会提供品牌与产品资料、目标访客、首页的主要转化目标,以及希望访客完成的首要行动和现有首页 URL、截图或页面稿,已知的自然搜索、付费投放、引荐与回访等流量来源。请先完成一份小样,交付官网首页结构:Hero、可信资料、优势、使用场景、疑虑回应与最终 CTA 的顺序和目的和首屏文案方案:H1、副标题、主 CTA、辅助说明与关键视觉素材建议,并列出需要我确认的金额、日期、适用人群和目标链接。注意:产物区审阅这部分你做不到,遇到时直接告诉我,我手工补。
安装后的最小验证任务
安装完成后,请 Claude Code 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。
Claude Code 常见问题
- 没有调用 Skill 时,在任务里直接写出 Skill 名称
- 没有取到 MCP 数据时,检查连接和授权状态
- 项目资料太多时,指出本次优先参考的文件
- 第 2 步 收紧价值主张、首要行动与导航去向停住时,不用反复换提示词——没有独立产物区,成果以项目文件形式落地,按上面的手工方式补这一步即可
- 中文办公文档相关步骤结果不稳定时,先确认办公文档需要通过工具处理,纯版式工作不是它的强项
Claude Code 跑官网首页策划 Skill需要改哪几步?
4 个环节里有 1 个可以处理,其中 1 个需要相应工具与配置,3 个需要团队补充。请结合逐步说明确认实际做法。
资料要怎么交给 Claude Code?
Claude Code可以直接读取目录里的资料,把这些文件放在同一个位置即可。
装完先做什么验证?
安装完成后,请 Claude Code 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。
什么任务更适合选 Claude Code?
Claude Code 适合在官网项目里沿用既有 CLAUDE.md、品牌用语、组件规则与项目检查。团队可将资料整理、首屏文案、区块结构和 SEO 字段分开处理,由主任务汇总成一份与项目规则一致的首页策划稿。
Claude Code 常见的失败情况有哪些?
没有调用 Skill 时,在任务里直接写出 Skill 名称;没有取到 MCP 数据时,检查连接和授权状态;项目资料太多时,指出本次优先参考的文件。
先固化首页资料结构
先确认受众、首要行动、区块和审阅人的资料结构,再扩展更多文案方案或实施项。
首页中的客户 Logo、评价、案例、媒体报道、资质、业务数字、产品能力和 CTA 去向都要由对应负责人确认。策划完成后,设计、开发、埋点、发布与上线后数据跟踪继续由团队处理。
INSTALL
安装到 Claude Code
把官网首页策划 Skill装进 Claude Code,一条命令完成
把 Skill 放入个人或项目 Skills 目录,提供 CLAUDE.md、品牌与产品资料、首页路径、组件文件、引用要求和项目检查命令。
METHOD 01 · 交给 AI 自己装
复制提示词
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。
请帮我把「官网首页策划 Skill」安装到 Claude Code。 1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-homepage/1.0.0/skill-homepage.zip 注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件,按 Claude Code 的方式安装:mkdir -p ~/.claude/skills && cp -R ./skill-homepage ~/.claude/skills/ 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证:在项目里提一个只读任务并点名 Skill,确认它按 SKILL.md 的步骤复述计划。 5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。 参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-homepage/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-homepage.md
METHOD 03 · 手动放目录
手动安装
解压 ZIP 后,在 Claude Code 中执行:
mkdir -p ~/.claude/skills && cp -R ./skill-homepage ~/.claude/skills/
验证:在项目里提一个只读任务并点名 Skill,确认它按 SKILL.md 的步骤复述计划。
- 项目资料过多时要指出本次优先参考的文件
- MCP 数据取不到时先检查连接与授权状态
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
WorkBuddy、Codex在这个 Skill 上覆盖更多环节
下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。
WorkBuddy 官网首页策划
WorkBuddy在这个 Skill 上直接覆盖 4/4 步,而且能直接读写 Word、Excel、PPT 等办公文档——如果你这次的卡点正是中文办公文档,换它更省事。
Codex 官网首页策划
Codex在这个 Skill 上直接覆盖 2/4 步,而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅,换它更省事。
FURTHER READING
Claude Code 与官网首页策划相关的实操文章
继续查看这套官网首页策划方法:先确认受众与首要行动,再安排首屏、可信资料、优势、场景与页尾 CTA,最后补齐 SEO 和 Schema 字段。
假设一家 SaaS 公司上线了 ROI 计算器。三个月后,工具页的自然流量和使用次数都在涨,市场团队把它当作新的获客入口,销售却说收到的邮箱很难跟进:有人只想算一道题,有人来自目标行业之外,还有人留下
营销Skill调用失败怎么排查?按触发、路径、权限和输出定位
营销Skill调用失败怎么排查?先不要急着改提示词。用户看到的“没按Skill执行”可能是根本没有触发,也可能是Skill已启动却读不到文件、拿不到权限,或者运行成功但输出不符合预期。这几类问题需要不
越来越多人把选型直接丢给ChatGPT、Perplexity、Gemini,或者购物、采购类助手。答案是模型拼出来的,不一定点开你的网页。世界经济论坛把这件事叫做智能体引擎优化(AEO):你要进的不是
流量结构一变,后台最显眼的数字就是转化率往下掉。很多人的反应是改按钮颜色、改表单字段、再开一轮首屏测试。这些能测,但排在后面。转化率是「来的人里有多少做了你要的动作」,来的人换了,动作完成率一定会动。
分享到 LinkedIn 的标题,别拿页面 Title 直接去灌
文章页点了分享,LinkedIn 和 X 上弹出来的卡片,用的经常是页面后台 Title。后台 Title 是写给搜索和浏览器标签的,里面会塞栏目名、品牌名、竖线分隔,拿到信息流里又长又像后台。分享卡
关键词拓展 Skill 的正确用法,是把它当成一个有明确输入输出契约的执行单元:你交给它种子词、业务边界和排除规则,它返回一张带意图标注的候选词表。多数人调用后拿到一堆不可用的词,问题不在 Skill
NEXT WORKFLOW
搭配使用
导航站收录 Skill、视频营销脚本策划 Skill、小红书内容运营 Skill
官网首页策划负责主入口的整体信息、导航与主要转化;营销落地页服务单一活动目标,网站首屏 Hero Skill 只处理首屏,网站架构 Skill 规划整站页面与 URL,关于我们页面 Skill 负责公司故事、团队信息与 AboutPage Schema。
Claude Code 导航站收录 Skill
用 Claude Code 完成「新产品准备在 Product Hunt 做首发」,最终得到带网址与收录状态的 CSV 跟踪表单。
Claude Code 视频营销脚本策划 Skill
用 Claude Code 完成「新品发布前需要把产品卖点改写成 TikTok、Reels 或 YouTube Shorts 的短视频脚本」,最终得到视频形式建议:短视频或长视频、适用平台、目标时长、内容重点和选择理由。
Claude Code 小红书内容运营 Skill
用 Claude Code 完成「搜索关键词并分析热门笔记」,最终得到搜索与竞品分析结果。