把「页面结构说明」交给智能体，难点不在模型能力，而在流程是否说清楚：输入是什么（页面代码），按什么顺序处理，交付什么（结构文档），哪些事不能做。Skill 就是把这些写下来的载体。

通用版的「页面结构说明」能覆盖大多数情况，但每个团队都有自己的习惯。下面列出最值得调整的几个地方。

可调参数一览

参数默认可以怎么改
输出格式结构文档改成团队模板、表格或固定小标题
详略程度适中给领导看的精简版 / 给执行者看的详细版
语气风格中性按团队文风、对外或对内调整
严格程度标注不确定项提高到“任何推断都要给依据”
步骤4 步增加团队特有的检查步骤

改写示例：description

通用版：

为前端页面生成结构说明，便于新人理解。当用户提到页面结构说明时使用。

团队版（示意）：

按本团队规范进行页面结构说明：先读取 reference.md 中的模板与术语表，再处理页面代码。当团队成员提到页面结构说明或上传相关材料时使用。

改写示例：增加团队步骤

## 步骤
1. 列出路由与页面
2. 说明组件层级
3. 标出数据来源
4. 写修改入口
5. 对照 reference.md 中的团队检查表逐项确认
6. 按团队模板输出，并在开头写一句结论

按角色出多个版本

同一个技能可以为不同角色准备变体：新人版写得更细，并解释每一步的理由；熟手版只保留关键检查点。也可以在一个技能里用参数区分，例如“简版/详版”。

定制时别丢掉的东西

  • 领域底线：视觉与交互结果要在真实浏览器里确认
  • 缺信息先提问
  • 需人工确认清单
  • 风险较低，但输出仍需快速过目再使用

改完后记得重跑测试用例，团队共享时参考团队落地。

交付物结构示例

建议把结构文档固定成下面的结构（示意），方便复核与归档：

## 结论
一句话说明最重要的发现或结果

## 主要内容
- 列出路由与页面：……
- 说明组件层级：……
- 标出数据来源：……
- 写修改入口：……

## 依据
- 引用输入中的具体位置或数据

## 需人工确认
- ……（没有则写“无”）

结构固定之后，复核的人只要先看“结论”和“需人工确认”两部分，就能快速判断结果能否使用。

平台选择建议

同一个「页面结构说明」技能可以落在不同平台上，选择时主要看你在哪里工作、要不要执行代码、要不要接外部系统：

  • 扣子（Coze）智能体与工作流：扣子（Coze）是字节跳动推出的智能体开发平台。详见扣子（Coze）智能体与工作流 版
  • AGENTS.md：AGENTS.md 是放在仓库根目录、写给编码智能体看的说明文件。详见AGENTS.md 版
  • MCP 服务：MCP（模型上下文协议）是一个开放协议。详见MCP 服务 版

这个技能纯指令型，不需要额外脚本或外部连接，复制到大多数平台都能用，可据此排除不支持相应能力的平台。

延伸阅读

说明：文中的配置、代码与目录结构均为示意，用于说明思路；各平台的入口、字段名与能力会更新，落地前请以对应官方文档为准。示例中的数据与场景为虚构，不代表真实案例。