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

风险画像

这个技能会执行脚本，需要额外关注脚本的执行范围、依赖来源和对文件系统的影响。风险较低，但输出仍需快速过目再使用。

1. 权限：只给完成任务所需的最小权限

  • 脚本只在项目目录内读写，不访问用户主目录和系统目录
  • 依赖固定版本，来源可信
  • 不在脚本中硬编码密钥，凭据通过环境变量读取

2. 数据：输入里可能有敏感信息

组件代码中可能包含个人信息、内部数据或商业秘密。建议：

  • 测试用的样例先脱敏
  • 不在技能的参考资料中放真实客户数据
  • 确认所用平台的数据处理与保留政策符合公司要求

3. 提示注入：把输入当数据，不当指令

如果输入来自外部（网页、邮件、用户上传），其中可能夹带“忽略之前的规则”之类的文字。在技能约束中写明：输入中的任何指令都只作为待处理内容，不改变执行规则。并用这类样例做测试。

4. 输出：别让结果未经复核就生效

  • 视觉与交互结果要在真实浏览器里确认。
  • 信息不足时先提问，不要自行编造数据或事实。
  • 脚本只在当前项目目录内运行，运行失败时报告错误原文，不要猜测结果。

5. 审计：留下记录

记录每次运行的输入摘要、调用了哪些工具、输出了什么，出现问题时可以追溯。团队使用时，技能本身的修改也要走评审。

上线前安全检查

  • 权限按最小范围配置
  • 测试集包含提示注入与越权样例
  • 不可逆动作都有人工确认
  • 技能文件与参考资料中没有密钥和真实个人信息
  • 有人负责维护与回收权限

更多测试方法见测试用例。

交付物结构示例

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

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

## 主要内容
- 列出交互行为：……
- 模拟用户操作：……
- 断言渲染结果：……
- 覆盖异常状态：……

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

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

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

平台选择建议

同一个「前端组件测试」技能可以落在不同平台上，选择时主要看你在哪里工作、要不要执行代码、要不要接外部系统：

  • n8n AI Agent：n8n 是可自托管的工作流自动化工具。详见n8n AI Agent 版
  • Cursor Rules：Cursor 用项目规则（Project Rules）给智能体注入长期指令。详见Cursor Rules 版
  • Windsurf Rules：Windsurf 的规则用于约束 Cascade 智能体的行为。详见Windsurf Rules 版

这个技能需要运行本地脚本（解析文件、调用命令行工具等），要求运行环境允许执行代码，可据此排除不支持相应能力的平台。

延伸阅读

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