页面预览
把成果渲染成可直接查看的页面。页面类成果可以直接预览并按屏幕尺寸检查,是它最独特的一项
TRAE × SEO 与 GEO · 原生覆盖 50%
程序化 SEO Skill有 8 个执行步骤,其中 4 步可以在 TRAE 里直接完成。它能把成果渲染成可直接查看的页面,正好对应这个 Skill 里最吃工具的一段。需要提前知道的是:定时任务这 1 项它不做,涉及的 1 个步骤要按下面的手工方式衔接。
WHY TRAE
适配结论
在 TRAE 的推荐清单里,程序化 SEO Skill排在第 2 位,属于「制作网站」这条路径的第 3/4 步。建议先跑完前一步再进入它,产出可以直接交给下一步继续用。
用这个 Agent 跑程序化 SEO Skill,页面预览功能让模板设计、内链搭建和索引控制等环节免去了来回切换浏览器核对的繁琐。它读不到本机的 Excel 和 Word,关键词词表要先另存成 CSV 或 Markdown 再喂给它。程序化 SEO 本质是产出落地页,这个 Agent 研究在 Work 里做,写页面在 IDE 里做,直接本地预览,不用配域名和服务器验证。如果你的 SEO 成果只是交付关键词调研的表格文档,选它会闲置页面制作能力,换成支持连飞书表格的 WorkBuddy 更合适。
把成果渲染成可直接查看的页面。页面类成果可以直接预览并按屏幕尺寸检查,是它最独特的一项
CAPABILITY × STEP
核心差异
程序化 SEO Skill 共 8 个环节。TRAE 可直接执行 4 个环节,3 个需要相应工具与配置,1 个需手工衔接。判断质量取决于输入资料与具体推理。
| 步骤 | 所需能力 | 等级 | 在 TRAE 下具体怎么做 |
|---|---|---|---|
| 01 确认业务机会 | 页面预览操作前确认 | 有条件 | 可以做但有条件:TRAE 对操作前确认的支持有限制。 |
| 02 识别关键词模式 | 联网检索 | 直接执行 | 直接交给 TRAE:它能自己发起搜索并扩展检索词。 |
| 03 选择页面玩法 | 页面预览 | 直接执行 | 直接交给 TRAE:它能把成果渲染成可直接查看的页面。 |
| 04 定义数据模型 | 批处理页面预览 | 有条件 | 可以做但有条件:大规模批量建议在 IDE 侧用脚本承接。 |
| 05 设计页面模板 | 页面预览 | 直接执行 | 直接交给 TRAE:它能把成果渲染成可直接查看的页面。 |
| 06 搭建内链架构 | 批处理页面预览 | 有条件 | 可以做但有条件:大规模批量建议在 IDE 侧用脚本承接。 |
| 07 控制索引范围 | 页面预览 | 直接执行 | 直接交给 TRAE:它能把成果渲染成可直接查看的页面。 |
| 08 上线检查与监测 | 打开网页取正文长任务持续推进定时任务 | 不支持 | 改成手工:由你按周期手工触发同一条任务。(没有定时执行,周期任务需要你自己触发) |
在「选择页面玩法」「设计页面模板」和「控制索引范围」这几个环节,页面预览省掉了改完代码去浏览器刷新核对的动作。你定好基准标题后,在 TRAE IDE 右侧的预览窗口直接按手机和电脑尺寸核对页面布局。这决定了程序化 SEO 能不能在本地快速跑通批量页面的原型验证。如果页面预览缺位,改一次 H1 标签要切一次浏览器看移动端对齐,几十种页面组合的调试时间会翻倍。
在 TRAE IDE 里写好页面代码后,右侧预览窗口直接渲染。基准标题改完当场看效果,按手机和电脑屏幕尺寸核对排版,不用切到外部浏览器刷新。
检查 robots.txt 或 canonical 标签代码时,直接在预览窗口确认限制指令是否生效。判断标准是看页面源码的对应标签是否按预期渲染输出。
需要批处理生成大规模页面。这个 Agent 本身不跑大批量循环,要把数据源整理成 CSV 导入,在 IDE 侧写 Node 或 Python 脚本承接批量渲染。
这个 Agent 做不到定时任务。排名巡检和收录检查要按周期手工触发同一条任务,补齐最新的收录数据再让 Agent 判断页面质量。
IMPORT · RUN
资料导入与任务下发
TRAE可以直接读取目录里的资料,把这些文件放在同一个位置即可。
研究和写作任务可以在 TRAE Work 中准备资料;落地页、网站和程序化 SEO 项目放进 TRAE IDE。
导入 Skill 后,可以创建研究、文案、设计和开发角色分工完成,再用 MCP 读取已授权的数据和资料。
把关键词词表和已有的 URL 清单先另存成 CSV 或 Markdown,放进 TRAE IDE 的当前项目根目录下。在 Work 侧交代关键词模式识别和页面组合的研究,在 IDE 侧交代具体的页面代码生成。在 IDE 里直接引用文件路径让 Agent 读取数据。进度看 IDE 底部对话区的文件生成状态。项目级的 Skill 配置放进 .agents/skills/ 目录,跟着当前代码仓库走。
MANUAL HANDOFF
能力缺口与人工衔接
有 1 项能力需要你在 TRAE 之外完成,下面写清了各自影响哪一步、怎么补。
影响:第 8 步 上线检查与监测
原因:没有定时执行,周期任务需要你自己触发
做法:由你按周期手工触发同一条任务
COLLABORATE · CHAIN
协作与后续衔接
程序化 SEO 的成果是 HTML 或前端组件代码,由 TRAE IDE 直接在本地部署预览,通常不发到飞书。如果要和团队同步关键词调研文档,MCP 可以接已授权的飞书数据源读资料,但写好的文档类结果不支持自动写回,需要手工把本地 Markdown 复制进飞书文档。
前段 Skill 在 Work 里跑完关键词模式识别,结论不用导出成独立文件。直接切到 TRAE IDE,新建程序化 SEO 的页面项目,让后段 Skill 读取前段的结论直接生成模板代码。中间不用搬运文件,靠上下文传递页面模块和数据源的设计意图。
COMBINATION CASE
场景化实战案例
某本地生活平台需要为 100 个城市批量上线「家政保洁服务」目录页,SEO 负责人手里有城市和服务的交叉关键词清单,但研发排期慢,需要自己快速跑通原型并交付前端代码。
预期结果:交付了一套可复用的页面模板和批量生成的 HTML 文件。前端研发只需做组件封装并发布上线,省掉了写静态页面的时间。后续的页面排名监测和收录情况要靠人工按周触发任务检查。
VERIFY · TROUBLESHOOT
效果验证方法
装完先给一个三列的本地 CSV 数据源(包含城市、关键词、参数),让它生成一个带基准标题的城市组合页面。看三个信号:第一,TRAE IDE 右侧预览窗口有没有自动弹出渲染好的页面;第二,预览窗口能不能正常切换手机尺寸且标题不乱码;第三,生成的 HTML 文件里 H1 标签和 URL 路径有没有正确替换成 CSV 里的变量。这三个信号满足,说明基础链路通了。
请在 TRAE 中使用「程序化 SEO Skill」。本次要完成:建设城市、行业或产品组合页面。我会提供目标关键词模式和可用数据源与页面规模。请先完成一份小样,交付页面类型与模板方案和URL、数据和内链设计,并列出需要我核对的事实和数字。注意:定时任务这部分你做不到,遇到时直接告诉我,我手工补。
安装完成后,先只做第 2 步:让 TRAE 识别关键词模式,并把它自己发起搜索并扩展检索词的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。
8 步里 4 步可直接执行,3 步需要相应工具与配置,1 步需手工衔接。请结合逐步说明确认实际做法。
TRAE可以直接读取目录里的资料,把这些文件放在同一个位置即可。
安装完成后,先只做第 2 步:让 TRAE 识别关键词模式,并把它自己发起搜索并扩展检索词的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。
因为它能把成果渲染成可直接查看的页面,在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里,页面下方列出了更合适的选择。
没有调用 Skill 时,在 Skills 设置中确认已经启用;项目级 Skill 未出现时,检查 .agents/skills 目录;页面结果不合适时,打开预览并指出具体区块和屏幕尺寸。
「设计页面模板」这个环节最值得按业务改。把你们站点过去转化率最高的落地页 HTML 源码提取出来,去掉具体业务数据,做成空模板放进 .agents/skills/ 的参考目录里。在提示词里固定 H1 标题、面包屑导航和内链区块的 DOM 结构。改完之后,Agent 生成的程序化页面会直接套用你们的专属前端组件,省掉后期调整 CSS 样式的返工时间,固化成团队版本直接复用。
INSTALL
安装到 TRAE
把提示词复制给 TRAE,它会自己下载 ZIP 并完成安装,装完会报告实际目录。
METHOD 01 · 交给 AI 自己装
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。
请帮我把「程序化 SEO Skill」安装到 TRAE。 1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-programmatic-seo/1.0.0/skill-programmatic-seo.zip 注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件,按 TRAE 的方式安装:在 Skills 设置中导入包含 SKILL.md 的 skill-programmatic-seo 目录;项目级 Skill 可放入 .agents/skills/skill-programmatic-seo 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证:在 Skills 设置里确认已启用,再让它对一个页面或一份材料做只读检查。 5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。 参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-programmatic-seo/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-programmatic-seo.md
METHOD 03 · 手动放目录
解压 ZIP 后,在 TRAE 中执行:
在 Skills 设置中导入包含 SKILL.md 的 skill-programmatic-seo 目录;项目级 Skill 可放入 .agents/skills/skill-programmatic-seo
验证:在 Skills 设置里确认已启用,再让它对一个页面或一份材料做只读检查。
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。
ZCode在这个 Skill 上直接覆盖 6/8 步,而且能跨多轮持续推进同一个任务并保留进度——如果你这次的卡点正是长任务持续推进,换它更省事。
Hermes Agent在这个 Skill 上直接覆盖 2/8 步,而且能按设定时间自动重复执行——如果你这次的卡点正是定时任务,换它更省事。
WorkBuddy在这个 Skill 上直接覆盖 1/8 步,而且能按设定时间自动重复执行——如果你这次的卡点正是定时任务,换它更省事。
FURTHER READING
围绕 TRAE 和这个任务的共同标签挑出来的,换成别的 Agent 看到的不是同一批。
越来越多人把选型直接丢给ChatGPT、Perplexity、Gemini,或者购物、采购类助手。答案是模型拼出来的,不一定点开你的网页。世界经济论坛把这件事叫做智能体引擎优化(AEO):你要进的不是
GEO(生成式引擎优化)不是SEO的升级版,而是针对AI答案引擎的不同优化逻辑。本文从展示形式、排名机制、内容策略和技术实现四个维度对比GEO与SEO的核心差异,帮助营销团队理解两种流量来源的共存策略
品牌想在 AI 搜索的回答里被提及,正确的做法不是频繁去问 AI「你有没有提我」,而是先建一张品牌查询地图,摸清在哪些问题下 AI 会提到谁、怎么提;再针对差距补充可独立引用的事实和内容资产;最后按月
GEO 不是 SEO 的替代品,而是在基础 SEO 之上提升内容被 AI 答案引擎理解、引用和点击的概率。本文讲清两者的关系与四条落地调整。
AI 搜索引擎引用网站内容,走的是"先检索、再筛选、后生成"的三段链路:它先用检索系统找到与问题相关的网页,再从候选里挑出少数来源,最后在生成回答时把来源链接挂在对应结论旁边。你的页面能不能被引用,不
关键词拓展 Skill 的正确用法,是把它当成一个有明确输入输出契约的执行单元:你交给它种子词、业务边界和排除规则,它返回一张带意图标注的候选词表。多数人调用后拿到一堆不可用的词,问题不在 Skill
NEXT WORKFLOW
搭配使用
按产出物与输入资料的衔接关系计算,都是同一个 Agent 下的版本,装完可以直接接着跑。
用 TRAE 完成「评估品牌能否被主流 AI 搜索理解」,最终得到AI 可见度诊断。
用 TRAE 完成「新网站上线前设计埋点」,最终得到事件与参数追踪表。
用 TRAE 完成「规划多语言站点结构」,最终得到市场与语言优先级。