「网页截图报告」Skill 组合用法:和相关技能串成流水线
如果你在浏览器与自动化工具里反复做网页截图报告,可以考虑把经验沉淀为一个 Skill:写清触发条件、步骤、输出格式和边界,让智能体代劳重复部分,人只负责把关。
单个技能解决一个环节,把几个技能串起来,才能覆盖一整段工作。本文示范「网页截图报告」与三个相关技能的组合。
组合方案
| 顺序 | 技能 | 作用 | 交给下一步的东西 |
|---|---|---|---|
| 1 | 接口对接 | 编写调用第三方接口的小工具 | 调用脚本 |
| 2 | 网页截图报告 | 批量截取页面并生成报告 | 截图报告 |
| 3 | 数据录入辅助 | 把纸质或图片资料录入到系统 | 录入数据 |
| 4 | Excel 公式助手 | 根据需求写出 Excel 或 WPS 表格公式并解释 | 公式与说明 |
交接格式是关键
技能之间靠“上一步的输出就是下一步的输入”衔接。建议约定:
- 每个技能的输出都带固定标题,便于下一个技能定位内容
- 不确定项统一放在“需人工确认”小节,后续技能不得把它当作确定事实
- 「网页截图报告」接收的是页面列表,如果上一步给的格式不同,先做一次转换
怎么编排
有三种常见方式:
- 人工串联:每一步结束后由人确认,再触发下一个技能,最稳妥
- 编排指令:写一个总技能,列出调用顺序与交接要求,由智能体依次执行
- 工作流平台:在 Dify、扣子、n8n 等平台中把每个技能做成节点,用条件分支处理异常
编排指令示例(示意)
# 组合流程:接口对接 → 网页截图报告 → 数据录入辅助 → Excel 公式助手
1. 调用 api-integration,保存输出为 step1
2. 以 step1 为输入调用 screenshot-report,保存为 step2
3. 以 step2 为输入调用 data-entry-assist
4. 调用 excel-formula 做收尾
- 任一步出现“需人工确认”时暂停,等待用户回复后再继续
注意事项
- 链条越长,错误越容易被放大,关键节点要有人看
- 风险较低,但输出仍需快速过目再使用
- 每个技能单独测试通过后再组合
相关技能
平台选择建议
同一个「网页截图报告」技能可以落在不同平台上,选择时主要看你在哪里工作、要不要执行代码、要不要接外部系统:
- n8n AI Agent:n8n 是可自托管的工作流自动化工具。详见n8n AI Agent 版
- Claude 应用中的 Skills:在 Claude 的网页或桌面应用里。详见Claude 应用中的 Skills 版
- LangChain / LangGraph 工具:LangChain 用 @tool 装饰器把函数变成工具。详见LangChain / LangGraph 工具 版
这个技能需要运行本地脚本(解析文件、调用命令行工具等),要求运行环境允许执行代码,可据此排除不支持相应能力的平台。
智能体与人的分工
技能不是把工作全部交出去,而是把重复、机械的部分交给智能体,人把住判断和责任:
| 步骤 | 智能体负责 | 人负责 |
|---|---|---|
| 打开页面 | 按指令完成并给出依据 | 抽查关键处,确认无误 |
| 截图 | 按指令完成并给出依据 | 抽查关键处,确认无误 |
| 标注问题 | 按指令完成并给出依据 | 抽查关键处,确认无误 |
| 汇总 | 按指令完成并给出依据 | 抽查关键处,确认无误 |
| 最终交付 | 整理截图报告 | 决定是否采用、是否对外 |
风险较低,但输出仍需快速过目再使用。
延伸阅读
说明:文中的配置、代码与目录结构均为示意,用于说明思路;各平台的入口、字段名与能力会更新,落地前请以对应官方文档为准。示例中的数据与场景为虚构,不代表真实案例。