TRAE × 内容与创意 · 原生覆盖 88%

TRAE × 网站架构规划 Skill

网站架构规划 Skill有 8 个执行步骤,其中 7 步可以在 TRAE 里直接完成。它能把成果渲染成可直接查看的页面,正好对应这个 Skill 里最吃工具的一段。操作前确认属于有条件支持,执行路径和原生能力不同,下面单独说明。

  • 7/8步可直接执行
  • 需手工衔接的步骤
  • 未进前十在本 Agent 的推荐清单

WHY TRAE

用这个 Agent 跑网站架构规划

网站架构规划 Skill不在 TRAE 的前十推荐里——TRAE更擅长营销工作与网站、落地页和程序化 SEO,这个 Skill 的重心不完全在这里。它仍然可以正常安装使用,只是如果你要做的就是这件事,可以先看看下面几个更合适的 Agent。

用这个 Agent 跑网站架构规划,核心优势在于直接处理落地页与程序化 SEO 页面的项目。划分页面优先级、映射增长渠道页面、分配具体 URL 路径等环节,均能利用页面预览功能当场核对标题与布局,无需在代码编辑器和浏览器间来回切换。若资料是 Word 或 Excel,必须先另存为 Markdown 或 CSV 再导入。如果只产出纯办公文档,没有页面制作需求,不要选这个 Agent。需要周期性巡检排名的任务,也不适合用这个 Agent。

页面预览

把成果渲染成可直接查看的页面。页面类成果可以直接预览并按屏幕尺寸检查,是它最独特的一项

CAPABILITY × STEP

页面预览省去切浏览器核对布局

网站架构规划 Skill 共 8 个环节。TRAE 可直接执行 7 个环节,1 个需要相应工具与配置。判断质量取决于输入资料与具体推理。

7步可直接执行
1步有条件支持
需手工衔接的步骤
88%原生覆盖率
TRAE 跑 网站架构规划 Skill 的逐步对照 · 每步要做什么见 网站架构规划 Skill原生页面
步骤所需能力等级在 TRAE 下具体怎么做
01 读取项目背景信息 读本地资料页面预览 直接执行 直接交给 TRAE:它能直接读取本机目录里的资料。
02 确认网站类型与阶段 页面预览操作前确认 有条件 可以做但有条件:TRAE 对操作前确认的支持有限制。
03 划分页面优先级 页面预览 直接执行 直接交给 TRAE:它能把成果渲染成可直接查看的页面。
04 配置基础模板目录 MCP 与连接器 直接执行 直接交给 TRAE:它能通过 MCP 或连接器读取外部系统数据。
05 映射增长渠道页面 页面预览 直接执行 直接交给 TRAE:它能把成果渲染成可直接查看的页面。
06 分配具体 URL 路径 页面预览 直接执行 直接交给 TRAE:它能把成果渲染成可直接查看的页面。
07 审查结构与孤岛页面 读本地资料页面预览 直接执行 直接交给 TRAE:它能直接读取本机目录里的资料。
08 导出开发清单与待办 打开网页取正文页面预览 直接执行 直接交给 TRAE:它能访问原始页面并抽取正文。

这个特性直接落在划分页面优先级与分配具体 URL 路径环节。规划好一个落地页或 SEO 页面后,直接在 IDE 预览窗口按手机和电脑尺寸核对标题位置和移动端适配效果。不需要切到外部浏览器刷新查看。这项页面预览能力在 7 个 Agent 里只有它和 ZCode 原生支持,决定了它适合跑成果是实际页面的项目。如果页面改版只涉及纯文本交付,这项能力会闲置。

  1. 01

    读取项目背景信息

    把本地的 Markdown 格式项目背景说明或 CSV 文件放进项目目录。这个 Agent 读不到 Word、Excel 等办公文档,必须先另存为纯文本格式再引用,否则环节直接报错中断。

  2. 02

    审查结构与孤岛页面

    根据规划好的目录树检查是否存在没有内部链接指向的孤岛页面。审查结果直接在预览窗口展示,对照实际页面布局核对导航层级,不需要单独导出结构图文件比对。

  3. 03

    导出开发清单与待办

    生成的按优先级排序的页面开发清单包含具体的 URL 路径分配。清单和待办事项直接在 IDE 内生成,研发人员可以直接在 TRAE IDE 接手后续排期与开发。

IMPORT · RUN

业务所处阶段(如新站搭建或老站重构)怎么交给 TRAE

TRAE可以直接读取目录里的资料,把这些文件放在同一个位置即可。

需要准备的资料

  • 业务所处阶段(如新站搭建或老站重构)
  • 网站类型(如 B2B、SaaS 或电商独立站)
  • 预期的流量获取方式(如 SEO、联盟客或 B2B 直销)
  • 已有的网站目录文件(如 .md 格式的项目背景说明)

在 TRAE 里是这样推进的

研究和写作任务可以在 TRAE Work 中准备资料;落地页、网站和程序化 SEO 项目放进 TRAE IDE。

导入 Skill 后,可以创建研究、文案、设计和开发角色分工完成,再用 MCP 读取已授权的数据和资料。

项目级 Skill 文件放进 `.agents/skills/` 目录跟着项目走。在 TRAE Skills 设置里导入技能目录完成安装。业务背景资料转成 Markdown 或 CSV 后放在项目根目录。在 TRAE IDE 的工作区交代具体页面制作任务,比如输入读取背景资料并规划具体落地页目录。在 IDE 底部面板查看代码生成与页面预览的实时进度。

COLLABORATE · CHAIN

飞书和企微需手工搬文档成果

飞书和企微需手工搬文档成果

这个 Agent 不原生连飞书或企业微信。通过 MCP 接已授权的数据源只能读取信息。如果成果是实际网页,直接部署上线,不进聊天工具。如果成果是网站开发清单或结构图等文档,需要手动复制文本或导出文件发到飞书,不能自动推送。

Work 和 IDE 串联做研究与页面

前段 Skill 在 TRAE Work 里做业务调研和文案写作,产出研究结论。后段 Skill 直接在 TRAE IDE 里读取这些结论做成落地页。中间不需要导出文件,直接跨阶段串联。可以建研究、文案、设计等多个角色分工配合。

COMBINATION CASE

SaaS 独立站拓展多语言目录结构

SaaS 独立站拓展多语言目录结构

一家出海 SaaS 团队准备拓展欧洲市场,需要规划多语言网站目录,并倒推新增哪些落地页来承接搜索流量。团队手头只有一份项目背景说明的 Word 文档。

  1. 把 Word 里的项目背景另存为 Markdown 文件,连同语言目录需求放进 TRAE IDE 项目根目录。
  2. 在技能设置导入 website-structure,让它读取资料并分配多语言 URL 路径。
  3. 在 IDE 预览窗口按电脑和手机尺寸核对各语言版本落地页的标题层级与目录树结构。
  4. 直接在 IDE 里把跑出来的待开发清单分配给前端研发排期。

预期结果:交付了带 URL 路径分配的多语言网站目录树和开发清单。前期 Word 转 Markdown 文档需要人工另存,生成的多语言目录待办清单需要人工核对一遍再发给开发。

VERIFY · TROUBLESHOOT

建一个只包含几个页面背景的 Markdown 文件,让 Agent 划分页面优先级并分配 URL

建一个只包含几个页面背景的 Markdown 文件,让 Agent 划分页面优先级并分配 URL。检查它是否在预览窗口直接渲染出页面结构与标题。确认它有没有按手机和电脑尺寸分别输出预览效果。如果预览窗口能直接看到布局,且产出了带 URL 的目录树文本,说明页面预览能力在起作用。

可直接使用的第一个任务

请在 TRAE 中使用「网站架构规划 Skill」。本次要完成:新做一个 SaaS 独立站需要列出完整的建站清单。我会提供业务所处阶段(如新站搭建或老站重构)和网站类型(如 B2B、SaaS 或电商独立站)。请先完成一份小样,交付按优先级排序的页面开发清单(涵盖核心页与转化页)和带 URL 路径分配的网站目录树结构图,并列出需要我核对的事实和数字。

安装后的最小验证任务

安装完成后,请 TRAE 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。

TRAE 常见问题

  • 没有调用 Skill 时,在 Skills 设置中确认已经启用
  • 项目级 Skill 未出现时,检查 .agents/skills 目录
  • 页面结果不合适时,打开预览并指出具体区块和屏幕尺寸
  • 操作前确认相关步骤结果不稳定时,先确认当前环境是否满足条件
TRAE 跑网站架构规划 Skill需要改哪几步?

8 步里 7 步可直接执行,1 步需要相应工具与配置。请结合逐步说明确认实际做法。

资料要怎么交给 TRAE?

TRAE可以直接读取目录里的资料,把这些文件放在同一个位置即可。

装完先做什么验证?

安装完成后,请 TRAE 读取这份 Skill 与已提供的输入资料,复述本次任务,并列出缺少的材料。只返回核对结果,不修改文件或网页。

为什么选 TRAE 而不是别的 Agent?

因为它能把成果渲染成可直接查看的页面,在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里,页面下方列出了更合适的选择。

TRAE 常见的失败情况有哪些?

没有调用 Skill 时,在 Skills 设置中确认已经启用;项目级 Skill 未出现时,检查 .agents/skills 目录;页面结果不合适时,打开预览并指出具体区块和屏幕尺寸。

改映射增长渠道页面环节的规则

在映射增长渠道页面环节,把团队常用的获客渠道写进 Skill 指令里。指定每个渠道必须对应哪种具体的落地页模板。固化成团队版本后,只要输入渠道名称,Agent 就会自动分配对应的 URL 路径和基础目录结构,省去每次手工调整参数。

INSTALL

把网站架构规划 Skill装进 TRAE,点几下完成

把提示词复制给 TRAE,它会自己下载 ZIP 并完成安装,装完会报告实际目录。

METHOD 01 · 交给 AI 自己装

复制提示词

适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。

请帮我把「网站架构规划 Skill」安装到 TRAE。
1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-website-structure/1.0.0/skill-website-structure.zip
   注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件,按 TRAE 的方式安装:在 Skills 设置中导入包含 SKILL.md 的 skill-website-structure 目录;项目级 Skill 可放入 .agents/skills/skill-website-structure
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证:在 Skills 设置里确认已启用,再让它对一个页面或一份材料做只读检查。
5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。
参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-website-structure/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-website-structure.md

OTHER AGENTS

WorkBuddy、Codex、Claude Code在这个 Skill 上覆盖更多环节

下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。

1/8 步可直接执行

WorkBuddy 网站架构规划

WorkBuddy在这个 Skill 上直接覆盖 1/8 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。

1/8 步可直接执行

Codex 网站架构规划

Codex在这个 Skill 上直接覆盖 1/8 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。

1/8 步可直接执行

Claude Code 网站架构规划

Claude Code在这个 Skill 上直接覆盖 1/8 步,而且能在敏感写入前请求确认——如果你这次的卡点正是操作前确认,换它更省事。

FURTHER READING

TRAE 与网站架构规划相关的实操文章

围绕 TRAE 和这个任务的共同标签挑出来的,换成别的 Agent 看到的不是同一批。

新网站SEO内容先写什么:按搜索意图分层的冷启动选题顺序

新网站 SEO 内容先写什么,取决于一个简单原则:先写有明确搜索需求、且你的页面能直接兑现承诺的内容,而不是先铺资讯、公司介绍或概念长文。冷启动期资源有限,每一篇内容都应优先服务“能被搜索找到、又能把

  • SEO
  • 内容策略
  • 关键词研究

转化率掉了别盯按钮颜色,来的人可能已经换了一批

流量结构一变,后台最显眼的数字就是转化率往下掉。很多人的反应是改按钮颜色、改表单字段、再开一轮首屏测试。这些能测,但排在后面。转化率是「来的人里有多少做了你要的动作」,来的人换了,动作完成率一定会动。

  • 转化率
  • AARRR
  • 落地页

分享到 LinkedIn 的标题,别拿页面 Title 直接去灌

文章页点了分享,LinkedIn 和 X 上弹出来的卡片,用的经常是页面后台 Title。后台 Title 是写给搜索和浏览器标签的,里面会塞栏目名、品牌名、竖线分隔,拿到信息流里又长又像后台。分享卡

  • 海外社媒
  • 内容分发
  • 落地页

关键词拓展Skill怎么用:输入输出契约与验收标准

关键词拓展 Skill 的正确用法,是把它当成一个有明确输入输出契约的执行单元:你交给它种子词、业务边界和排除规则,它返回一张带意图标注的候选词表。多数人调用后拿到一堆不可用的词,问题不在 Skill

  • Vibe Marketing
  • SEO
  • 关键词研究

NEXT WORKFLOW

按产出物与输入资料的衔接关系计算,都是同一个 Agent 下的版本,装完可以直接接着跑。

TRAE · 数据与自动化#03

TRAE SEO 数据监控 Skill

用 TRAE 完成「向老板汇报本月 SEO 自然搜索流量进展」,最终得到包含流量、互动和反链的按月数据对比 Excel 表。

来源项目 · kostja94/marketing-skills ★ 968 · Fork 134

VibeMKT COMMUNITY

加入 VibeMKT 社群

微信扫码,交流营销 Skill 的选择、安装、试用与业务化改造。

加入 VibeMKT 社群的微信二维码

二维码会持续显示,关闭弹窗后返回当前页面。