TRAE × 网站架构规划 Skill

网站架构规划 Skill可以作为独立任务在 TRAE 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。

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

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

1. 01

   读取项目背景信息

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

2. 02

   审查结构与孤岛页面

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

3. 03

   导出开发清单与待办

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

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

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