工具字段、页面配置、组件需求与检查结果保留在项目文件和 Git 记录中,方便产品、增长、SEO 与开发分别审阅。
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 适合把工具分类、页面字段和品牌规则放进长期维护的网站项目,通过项目上下文、MCP 数据源与子任务分工同步维护工具配置、组件需求和检查规则。
CAPABILITY × STEP
核心差异
项目规则与工具页面共同维护
免费工具页面策划 Skill 共 4 个环节。当前环境缺少完成这些环节所需的工具;另外 4 个需要团队补充。实际结果取决于输入资料、已接入工具与运行环境。
| 步骤 | 所需能力 | 等级 | 在 Claude Code 下具体怎么做 |
|---|---|---|---|
| 01 确认工具任务、用户与产品关系 | 读本地资料打开网页取正文产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
| 02 决定页面组合与留资方式 | 读本地资料写本地文件产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
| 03 组织工具界面、说明与产品入口 | 读本地资料写本地文件产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
| 04 完成 URL、内链与 SEO 资料 | 写本地文件联网检索打开网页取正文产物区审阅 | 不支持 | 改成手工:在对话流里分段核对结果。(没有独立产物区,成果以项目文件形式落地) |
工具中心需要长期增加页面并保持输入、结果、CTA、URL 和链接一致。Claude Code 可以让项目说明保存字段规则,让不同子任务分别盘点工具、整理页面需求与运行检查。
- 01
确认工具任务、用户与产品关系
读取项目说明、工具配置和已授权数据源,建立工具类型、输入、输出、限制与产品关系字段。
- 02
决定页面组合与留资方式
把工具中心、分类、详情页和留资规则纳入项目文件,保留待确认项与修改记录。
- 03
组织工具界面、说明与产品入口
按项目组件与路由整理工具 UI、结果说明、步骤、FAQ、CTA 和相关工具需求。
- 04
完成 URL、内链与 SEO 资料
并行整理 URL、TDK、内链和 Schema 建议,再运行项目现有检查命令核对遗漏。
IMPORT · RUN
资料导入与任务下发
加入项目 Skills 并读取工具规则
Claude Code可以直接读取目录里的资料,把这些文件放在同一个位置即可。
需要准备的资料
- 已经确认存在或准备开发的工具清单,包括工具类型、目标任务、输入、处理逻辑、输出和可用限制
- 目标用户、付费产品能力、工具与产品的关系,以及希望访客完成的试用、注册、联系或继续使用动作
- 现有工具页、工具中心、产品页和资源中心 URL,以及当前采用的单页、分类页、详情页和留资方式
- 目标关键词、品牌命名、URL 规范、页面组件、前端技术和可采用的结构化数据要求
在 Claude Code 里是这样推进的
把品牌规范、项目背景和现有文件放在同一个项目目录,Claude Code 会结合项目内容调用相应 Skill。
让它先列出任务步骤,再读取文件、调用终端或 MCP 工具完成研究和制作;复杂任务可以分给多个子任务。
把 Skill 放入个人或项目 Skills 目录,提供项目说明、工具配置、产品资料、页面组件、路由和检查命令。
MANUAL HANDOFF
需要团队补充的步骤
产物区审阅需要手工补
有 1 项能力需要你在 Claude Code 之外完成,下面写清了各自影响哪一步、怎么补。
-
产物区审阅
影响:第 1 步 确认工具任务、用户与产品关系、第 2 步 决定页面组合与留资方式、第 3 步 组织工具界面、说明与产品入口、第 4 步 完成 URL、内链与 SEO 资料
原因:没有独立产物区,成果以项目文件形式落地
做法:在对话流里分段核对结果
COLLABORATE · CHAIN
协作与后续衔接
团队在版本库中审阅规则和页面
Hooks 串联资料更新与检查
工具配置更新后可以触发字段、链接和构建检查,让产品变化与网站检查保持同一流程。
COMBINATION CASE
场景化实战案例
示例:维护开发者工具中心
项目包含工具配置、Markdown 说明、页面路由、卡片组件和 CI 检查。
- 读取项目规则
- 整理工具字段
- 生成分类与路由映射
- 形成组件需求
- 运行构建和链接检查
预期结果:交付工具配置、分类路由建议、组件需求和检查结果。
VERIFY · TROUBLESHOOT
效果验证方法
检查工具配置、页面路由、TDK、CTA、内链、组件渲染、构建结果和 Git diff
检查工具配置、页面路由、TDK、CTA、内链、组件渲染、构建结果和 Git diff。
可直接使用的第一个任务
请在 Claude Code 中使用「免费工具页面策划 Skill」。本次要完成:品牌已经有 ROI 计算器、检查器或生成器,需要为每个工具补齐说明、结果解释、产品入口和 SEO 资料。我会提供已经确认存在或准备开发的工具清单,包括工具类型、目标任务、输入、处理逻辑、输出和可用限制和目标用户、付费产品能力、工具与产品的关系,以及希望访客完成的试用、注册、联系或继续使用动作。请先完成一份小样,交付工具清单与页面分组:工具类型、目标任务、关键词、用户、产品关系和主要行动和工具中心结构:分类入口、工具卡片、使用说明、产品入口与相关工具安排,并列出需要我确认的金额、日期、适用人群和目标链接。注意:产物区审阅这部分你做不到,遇到时直接告诉我,我手工补。
安装后的最小验证任务
安装完成后,请 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 适合把工具分类、页面字段和品牌规则放进长期维护的网站项目,通过项目上下文、MCP 数据源与子任务分工同步维护工具配置、组件需求和检查规则。
Claude Code 常见的失败情况有哪些?
没有调用 Skill 时,在任务里直接写出 Skill 名称;没有取到 MCP 数据时,检查连接和授权状态;项目资料太多时,指出本次优先参考的文件。
从一个工具与组件需求开始
先整理一项工具页和一种卡片的需求,确认项目规则后再扩展。
工具功能、输入、计算或处理逻辑、输出、使用限制、产品关系和可公开资料要由产品与技术团队确认。页面方案完成后,工具开发、交互与视觉设计、代码修改、CMS 写入、正式发布和使用表现观察继续由对应团队处理。
INSTALL
安装到 Claude Code
把免费工具页面策划 Skill装进 Claude Code,一条命令完成
把 Skill 放入个人或项目 Skills 目录,提供项目说明、工具配置、产品资料、页面组件、路由和检查命令。
METHOD 01 · 交给 AI 自己装
复制提示词
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。
请帮我把「免费工具页面策划 Skill」安装到 Claude Code。 1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-tools-page/1.0.0/skill-tools-page.zip 注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件,按 Claude Code 的方式安装:mkdir -p ~/.claude/skills && cp -R ./skill-tools-page ~/.claude/skills/ 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证:在项目里提一个只读任务并点名 Skill,确认它按 SKILL.md 的步骤复述计划。 5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。 参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-tools-page/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-tools-page.md
METHOD 03 · 手动放目录
手动安装
解压 ZIP 后,在 Claude Code 中执行:
mkdir -p ~/.claude/skills && cp -R ./skill-tools-page ~/.claude/skills/
验证:在项目里提一个只读任务并点名 Skill,确认它按 SKILL.md 的步骤复述计划。
- 项目资料过多时要指出本次优先参考的文件
- MCP 数据取不到时先检查连接与授权状态
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
WorkBuddy、Codex在这个 Skill 上覆盖更多环节
下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。
WorkBuddy 免费工具页面策划
WorkBuddy在这个 Skill 上直接覆盖 4/4 步,而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅,换它更省事。
Codex 免费工具页面策划
Codex在这个 Skill 上直接覆盖 4/4 步,而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅,换它更省事。
FURTHER READING
Claude Code 与免费工具页面策划相关的实操文章
继续查看这套免费工具页面策划方法:先确认工具与产品关系,再完成工具中心、单页结构、留资方式、URL、内链和 SEO 资料。
这次营销邮件发出后,打开率比往期低了不少。内容同事先改主题行,运营把发送时间从上午挪到晚上,第二轮数据仍没有起色。这样的排查很常见,问题在于打开率把几件事压成了一个数字:平台怎样统计、邮件有没有被接收
假设一家 SaaS 公司上线了 ROI 计算器。三个月后,工具页的自然流量和使用次数都在涨,市场团队把它当作新的获客入口,销售却说收到的邮箱很难跟进:有人只想算一道题,有人来自目标行业之外,还有人留下
订阅弹窗的周报很容易给人一种乐观错觉:新版提交率明显上涨,于是团队宣布测试胜出。打开欢迎邮件报告后,点击、优惠使用和购买却没有同步变化。这是一个假设场景,它说明了一种常见误判——团队赢了弹窗这一段,却
一档节目已经接上 RSS,Apple Podcasts、Spotify 和 YouTube 都能正常播放。团队每周更新,也会在公众号、社媒和社群里贴链接。可一旦让没听过节目的人直接搜本期讨论的话题,他
假设一家咨询公司同时提供战略咨询、数字化转型、数据治理、AI 应用和系统实施。官网把五项业务都列全了,客户进站后仍可能只说:“销售数据散在多个系统里,我该先找谁?” 这类服务页的问题很少是业务列得不够
假设一款设计工具已经积累了几百件用户作品。官网把它们排成一面很漂亮的图片墙,新访客从上往下看完,仍会问:“这些作品里,有没有和我同类的项目?用了产品的哪些能力?我能从哪一个开始?” 作品数量证明社区有
NEXT WORKFLOW
搭配使用
FAQ 页面内容策划 Skill、API 产品介绍页策划 Skill、文章页面 SEO 优化 Skill
免费获客工具 Skill 负责工具选题、评分、MVP 与构建方式,产品功能页策划 Skill 负责付费能力,资源中心策划 Skill 负责混合内容库,网站内容卡片和网格布局 Skill 负责展示组件,程序化 SEO Skill 负责规模化页面系统;免费工具页面策划负责把已经确定的工具组织成工具中心与可使用的详情页。
Claude Code FAQ 页面内容策划 Skill
用 Claude Code 完成「客服和销售反复回答价格、退款、迁移或使用问题,需要把高频问题整理成可搜索的 FAQ」,最终得到FAQ 问题来源表:原始问题、出现渠道、对应读者、所属主题与是否需要业务负责人确认。
Claude Code API 产品介绍页策划 Skill
用 Claude Code 完成「SaaS 产品已经开放 REST API,官网只有端点文档,潜在客户看不出适用场景和接入价值」,最终得到API 产品介绍页结构:价值主张、核心能力、使用场景、快速开始、认证概览,以及如适用的价格或限制、如有的 SDK 或工具。
Claude Code 文章页面 SEO 优化 Skill
用 Claude Code 完成「团队已经有文章草稿,却没有统一的单篇文章页模板、作者信息、相关文章和 CTA 规则」,最终得到关键词与搜索意图研究:查询词、主次关键词、主要结果、参考页面结构与内容差异。