Review and test OpenClaw Control UI changes with galleries of screen states and real browser flows. Use simulated Gateway responses to check behavior consistently, collect feedback, and capture screenshots or videos as evidence.
Control UI browser tests, visual reviews and recordings, interaction performance audits, and Run Inspector evidence.
This skill checks OpenClaw Control UI designs and changes through both appearance reviews and interaction tests. It creates an HTML gallery that places normal, loading, empty, and error states side by side. Reviewers can save and export comments on individual examples.
With Vitest and Playwright, it simulates Gateway responses and tests the complete flow, from starting the interface and communicating with the Gateway to checking what appears after an interaction. Visual changes are documented with inspected screenshots taken before and after the change.
Use it when changing screens or components with several possible states, or when you want feedback grounded in concrete visual examples. It also helps with development tasks such as chat submission, where communication and the resulting display need to be checked together.
An OpenClaw development environment with dependencies already installed is required. Tests normally run without real credentials. The gallery does not replace interaction tests, and generated images and videos are generally not committed.
This overview was written by AI (OpenAI Codex) from the public SKILL.md. Check the original below for the exact behavior.
AI rated this skill on four points using only the contents of its SKILL.md. Stars and popularity are not taken into account.
The total counts each point as A = 25, B = 15, C = 5. Rated by AI (OpenAI Codex) as of Oct 19, 2026. Treat it as a guide and read the original before installing.
Review the instructions the agent will receive before you install.
ui/src/test-helpers/control-ui-e2e.ts with synthetic
Gateway data. Extend its typed scenario options for missing responses. Use the
existing dependency installation; preserve installs used by other jobs.
Real Gateway/provider credentials require explicit live-proof authorization.
Follow testing policy for execution placement.
Done: the target flow runs against the intended source or production build
and each required fixture response is defined.For substantial layout/component changes or multi-state design feedback, read visual proof before building the stress-test gallery. Small copy/icon changes may use focused proof.
For appearance changes, screenshots, transient-state capture, or video, read visual proof. Appearance changes require inspected before/after evidence; behavior assertions alone can suffice for nonvisual fixes.
For UI slowness, responsiveness audits, or automatic Chrome trace collection, read interaction profiling before choosing the build, fixtures, and measurement boundaries.
For run/execution/decision evidence, read Run Inspector capture before selecting a receipt.
createControlUiE2eArtifactDir(scope, parentDir?), once per attempt
or standalone invocation. Pass the directory to capture helpers; keep distinct
stage filenames and the report, screenshots, traces, and video together.chat-outbox-*, and
chat-attachment-read-lifecycle suites have separate owners: verify their
retention behavior before claiming replay-safe capture.Use the current scripts in package.json and
testing policy. For a worktree's focused browser test:
node scripts/run-vitest.mjs run --config test/vitest/vitest.ui-e2e.config.ts --configLoader runner ui/src/e2e/chat-flow.messaging.e2e.test.ts
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Set up and authenticate the 1Password CLI, then supply stored passwords and API keys to commands or configuration. The skill covers desktop integration, service accounts, and interactive sign-in while keeping secrets out of chat and logs.
Route requests from OpenClaw to external coding agents such as Claude Code or Cursor. Start or continue sessions using ACP, a protocol for connecting agents, or relay prompts directly through acpx while preserving conversation context.
Add a model provider to OpenClaw and verify it with a real response. The skill validates configuration, keeps credentials in environment or file references, and reports test results and any default model changes.
Prepare an agent activity transcript for a GitHub pull request or issue. Extract relevant prompts, decisions, and results from local logs, remove sensitive material, and preview the edited record before separately authorized publication.
Manage Apple Notes on macOS through memo, a command-line tool. Create, browse, search, edit, delete, and move notes between folders, or export selected notes to HTML or Markdown for use outside the app.
Manage Apple Reminders from your Mac with remindctl, a terminal tool. View tasks by date, add or edit reminders, organize lists, and mark tasks complete or delete them, including personal to-dos that sync to iOS.