产品、增长与设计负责人可以查看真实输入、结果、表单、按钮和相关工具，再标出需要修改的组件。
TRAE × 内容与创意 · 可处理 4/4 个环节
TRAE × 免费工具页面策划 Skill
免费工具页面策划 Skill有 4 个执行步骤，TRAE 可以处理 4 步，其中 4 步需要相应工具与配置。它能直接读取本机目录里的资料，正好对应这个 Skill 里最吃工具的一段。产物区审阅属于有条件支持，执行路径和原生能力不同，下面单独说明。
- 4个核心环节
- 4/4当前可处理的环节
- 未进前十在本 Agent 的推荐清单
WHY TRAE
适配结论
TRAE 适合读取工具清单和网站项目
免费工具页面策划 Skill可以作为独立任务在 TRAE 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。
TRAE 适合读取工具清单和网站项目，在 IDE 预览中验证输入区、结果区、留资位置、工具卡片和产品 CTA 是否适配真实内容与移动端宽度。
CAPABILITY × STEP
核心差异
工具页面对照真实预览
免费工具页面策划 Skill 共 4 个环节。TRAE 可以处理 4 个环节，其中 4 个需要相应工具与配置。实际结果取决于输入资料、已接入工具与运行环境。
4个核心环节
4当前可处理的环节
4个需要工具与配置
无需要团队补充
| 步骤 | 所需能力 | 等级 | 在 TRAE 下具体怎么做 |
|---|---|---|---|
| 01 确认工具任务、用户与产品关系 | 读本地资料打开网页取正文产物区审阅 | 有条件 | 可以做但有条件：TRAE 对产物区审阅的支持有限制。 |
| 02 决定页面组合与留资方式 | 读本地资料写本地文件产物区审阅 | 有条件 | 可以做但有条件：TRAE 对产物区审阅的支持有限制。 |
| 03 组织工具界面、说明与产品入口 | 读本地资料写本地文件产物区审阅 | 有条件 | 可以做但有条件：TRAE 对产物区审阅的支持有限制。 |
| 04 完成 URL、内链与 SEO 资料 | 写本地文件联网检索打开网页取正文产物区审阅 | 有条件 | 可以做但有条件：TRAE 对产物区审阅的支持有限制。 |
工具页需要放进真实页面环境检查，才能看出长字段、结果内容、表单、按钮和相关工具怎样影响操作。TRAE 可以在同一项目里核对结构、组件与样式要求，并按屏幕尺寸预览。
- 01
确认工具任务、用户与产品关系
读取工具表、需求文档和网站项目，明确输入、输出、限制、目标用户与页面行动。
- 02
决定页面组合与留资方式
整理工具中心、分类和单页关系，为不同工具准备免注册、邮箱留资或次数限制样本。
- 03
组织工具界面、说明与产品入口
在 IDE 预览中核对工具 UI、结果说明、步骤、FAQ、CTA、相关工具与卡片要求。
- 04
完成 URL、内链与 SEO 资料
对照路由核对 URL、产品页连接与 SEO 字段，再检查链接、层级和移动端布局。
IMPORT · RUN
资料导入与任务下发
导入 Skill 并打开工具页面项目
TRAE可以直接读取目录里的资料，把这些文件放在同一个位置即可。
需要准备的资料
- 已经确认存在或准备开发的工具清单，包括工具类型、目标任务、输入、处理逻辑、输出和可用限制
- 目标用户、付费产品能力、工具与产品的关系，以及希望访客完成的试用、注册、联系或继续使用动作
- 现有工具页、工具中心、产品页和资源中心 URL，以及当前采用的单页、分类页、详情页和留资方式
- 目标关键词、品牌命名、URL 规范、页面组件、前端技术和可采用的结构化数据要求
在 TRAE 里是这样推进的
研究和写作任务可以在 TRAE Work 中准备资料；落地页、网站和程序化 SEO 项目放进 TRAE IDE。
导入 Skill 后，可以创建研究、文案、设计和开发角色分工完成，再用 MCP 读取已授权的数据和资料。
在 Skills 设置中导入技能目录，或放入项目级 Skills 目录，再提供工具表、页面组件、样式、路由和预览命令。
COLLABORATE · CHAIN
协作与后续衔接
页面预览直接呈现工具使用过程
从页面规范继续进入制作
工具清单与页面字段可以继续连接卡片、网格、功能页与代码任务，不必重新整理页面需求。
COMBINATION CASE
场景化实战案例
示例：检查在线计算器页面
项目包含工具 JSON、设计样式、现有路由和页面组件。
- 整理工具字段
- 整理中心页要求
- 核对输入与结果区
- 检查留资与产品 CTA
- 预览两种屏幕尺寸
预期结果：交付工具中心与详情页结构说明、预览检查记录和组件修改清单。
VERIFY · TROUBLESHOOT
效果验证方法
检查输入标签、结果长度、错误提示、留资表单、CTA、相关工具、链接和页面宽度
检查输入标签、结果长度、错误提示、留资表单、CTA、相关工具、链接和页面宽度。
可直接使用的第一个任务
请在 TRAE 中使用「免费工具页面策划 Skill」。本次要完成：品牌已经有 ROI 计算器、检查器或生成器，需要为每个工具补齐说明、结果解释、产品入口和 SEO 资料。我会提供已经确认存在或准备开发的工具清单，包括工具类型、目标任务、输入、处理逻辑、输出和可用限制和目标用户、付费产品能力、工具与产品的关系，以及希望访客完成的试用、注册、联系或继续使用动作。请先完成一份小样，交付工具清单与页面分组：工具类型、目标任务、关键词、用户、产品关系和主要行动和工具中心结构：分类入口、工具卡片、使用说明、产品入口与相关工具安排，并列出需要我确认的金额、日期、适用人群和目标链接。
安装后的最小验证任务
安装完成后，请 TRAE 读取这份 Skill 与已提供的输入资料，复述本次任务，并列出缺少的材料。只返回核对结果，不修改文件或网页。
TRAE 常见问题
- 没有调用 Skill 时，在 Skills 设置中确认已经启用
- 项目级 Skill 未出现时，检查 .agents/skills 目录
- 页面结果不合适时，打开预览并指出具体区块和屏幕尺寸
- 产物区审阅相关步骤结果不稳定时，先确认当前环境是否满足条件
TRAE 跑免费工具页面策划 Skill需要改哪几步？
4 个环节里有 4 个可以处理，其中 4 个需要相应工具与配置。请结合逐步说明确认实际做法。
资料要怎么交给 TRAE？
TRAE可以直接读取目录里的资料，把这些文件放在同一个位置即可。
装完先做什么验证？
安装完成后，请 TRAE 读取这份 Skill 与已提供的输入资料，复述本次任务，并列出缺少的材料。只返回核对结果，不修改文件或网页。
什么任务更适合选 TRAE？
TRAE 适合读取工具清单和网站项目，在 IDE 预览中验证输入区、结果区、留资位置、工具卡片和产品 CTA 是否适配真实内容与移动端宽度。
TRAE 常见的失败情况有哪些？
没有调用 Skill 时，在 Skills 设置中确认已经启用；项目级 Skill 未出现时，检查 .agents/skills 目录；页面结果不合适时，打开预览并指出具体区块和屏幕尺寸。
先核对一个中心页和一个工具页
用真实工具样本确认组件需求与布局规则，再扩展到全部分类。
工具功能、输入、计算或处理逻辑、输出、使用限制、产品关系和可公开资料要由产品与技术团队确认。页面方案完成后，工具开发、交互与视觉设计、代码修改、CMS 写入、正式发布和使用表现观察继续由对应团队处理。
INSTALL
安装到 TRAE
把免费工具页面策划 Skill装进 TRAE，点几下完成
在 Skills 设置中导入技能目录，或放入项目级 Skills 目录，再提供工具表、页面组件、样式、路由和预览命令。
METHOD 01 · 交给 AI 自己装
复制提示词
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录，并在缺少权限时告诉你需要手工做哪一步。
请帮我把「免费工具页面策划 Skill」安装到 TRAE。 1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-tools-page/1.0.0/skill-tools-page.zip 注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件，按 TRAE 的方式安装：在 Skills 设置中导入包含 SKILL.md 的 skill-tools-page 目录；项目级 Skill 可放入 .agents/skills/skill-tools-page 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证：在 Skills 设置里确认已启用，再让它对一个页面或一份材料做只读检查。 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 后，在 TRAE 中执行：
在 Skills 设置中导入包含 SKILL.md 的 skill-tools-page 目录；项目级 Skill 可放入 .agents/skills/skill-tools-page
验证：在 Skills 设置里确认已启用，再让它对一个页面或一份材料做只读检查。
- 项目级 Skill 未出现时检查 .agents/skills 目录
- 页面结果不合适时打开预览并指出具体区块和屏幕尺寸
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
WorkBuddy、Codex在这个 Skill 上覆盖更多环节
下面的步数来自逐步比对。卡在哪一步，就看哪个 AI 能直接完成那一步。
WorkBuddy 免费工具页面策划
WorkBuddy在这个 Skill 上直接覆盖 4/4 步，而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅，换它更省事。
Codex 免费工具页面策划
Codex在这个 Skill 上直接覆盖 4/4 步，而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅，换它更省事。
FURTHER READING
TRAE 与免费工具页面策划相关的实操文章
继续查看这套免费工具页面策划方法：先确认工具与产品关系，再完成工具中心、单页结构、留资方式、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 负责规模化页面系统；免费工具页面策划负责把已经确定的工具组织成工具中心与可使用的详情页。
TRAE · 内容与创意#01
TRAE FAQ 页面内容策划 Skill
用 TRAE 完成「客服和销售反复回答价格、退款、迁移或使用问题，需要把高频问题整理成可搜索的 FAQ」，最终得到FAQ 问题来源表：原始问题、出现渠道、对应读者、所属主题与是否需要业务负责人确认。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
TRAE · 内容与创意#02
TRAE API 产品介绍页策划 Skill
用 TRAE 完成「SaaS 产品已经开放 REST API，官网只有端点文档，潜在客户看不出适用场景和接入价值」，最终得到API 产品介绍页结构：价值主张、核心能力、使用场景、快速开始、认证概览，以及如适用的价格或限制、如有的 SDK 或工具。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
TRAE · 内容与创意#03
TRAE 文章页面 SEO 优化 Skill
用 TRAE 完成「团队已经有文章草稿，却没有统一的单篇文章页模板、作者信息、相关文章和 CTA 规则」，最终得到关键词与搜索意图研究：查询词、主次关键词、主要结果、参考页面结构与内容差异。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140