control-ui-e2e

它能做什么

中文摘要

「control-ui-e2e」的原始 GitHub SKILL.md 将它定位为：Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.。它的核心价值是把前端性能、渲染路径、数据获取和包体控制变成可执行检查清单；约束界面层级、组件状态、可访问性和视觉验收细节。文档重点章节包括「Test Shape」「Commands」「Visual Proof Default」。

为什么推荐

推荐理由

推荐它，是因为它在「测试与安全」分类里热度靠前（GitHub Stars 380,125），同时原始文档信息密度足够高。原文列出的执行要点包括：Use `ui/src/**/*.e2e.test.ts` for full GUI flows.；Use `ui/src/test-helpers/control-ui-e2e.ts` to start the Vite Control UI and install a mocked Gateway WebSocket.。对经常重复的任务来说，这类 Skill 能把经验沉淀到工作流前端，减少临场猜测。

什么时候用

适用场景

• 做界面实现、组件重构、视觉验收或设计系统一致性检查
• 处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
• 建立测试闭环、回归验证、安全检查和发布前质量门

使用前先看

主要亮点

• 01

  可覆盖 mocked WebSocket 流、仪表盘运行与截图视频。

• 02

  适合定位界面改动后的端到端行为变化。

• 03

  关注浏览器可验证证据，便于确认结果是否真实。

原始文档

原文摘录

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.