用途：在修改 packages/playground-ui 或 packages/playground 中任意文件时，创建或更新端到端测试，验证产品功能真正可用，而不仅是 UI 元素渲染。适用于 React 组件的创建、修改、重构及 UI 变更。
主要能力：强调测试产品行为而非 UI 状态，例如验证选择某个 LLM 提供商后代理确实使用该提供商、创建代理后能持久化并出现在列表中、工具带参数执行返回预期输出、聊天消息正确流式传输并保持上下文、工作流按正确顺序触发工具。
使用方式：需要 Playwright MCP 服务器，若 browser_navigate 不可用，可执行：claude mcp add playwright -- npx @playwright/mcp@latest。构建与启动命令为 pnpm build:cli 与 cd packages/playground/e2e/kitchen-sink && pnpm dev，访问 http://localhost:4111。运行命令为 cd packages/playground && pnpm test:e2e。测试写在 packages/playground/e2e/tests/，fixtures 位于 packages/playground/e2e/kitchen-sink/fixtures/。
BDD 结构：每个文件一个外层 test.describe 命名被测单元；每个测试必须嵌套在 test.describe('when …') 前置条件块内，标题以 when 开头；每个测试只断言一个可观察结果；beforeEach/afterEach 放在所需的最窄 describe 作用域。在 packages/playground 中由 e2e-bdd/test-needs-when-describe 强制约束。
限制：资料未提供收费标准、支持平台、性能数据等；技能只覆盖指定的 playground 前端包，必须先启动本地服务器并具备 Playwright MCP 环境。