# help-center-ui-test

> Claude/Codex skill by [@automattic](https://omgskills.com/library/automattic/index.md) · 13k stars · Updated 2026-08-31

Run a browser-based UI review of the WordPress.com Help Center across multiple surfaces, looking for visual and behavioral issues. Use when asked to test the Help Center UI.

Tags: es2015, es6, es6-javascript, javascript, nodejs, react, redux, wordpress

## Install

```sh
git clone https://github.com/Automattic/wp-calypso /tmp/wp-calypso && ln -s /tmp/wp-calypso/.claude/skills/help-center-ui-test ~/.claude/skills/help-center-ui-test
```

## From README

Help Center UI Test Performs a systematic browser-based UI review of the Help Center using Chrome automation (Claude in Chrome extension). Prerequisites The Claude in Chrome browser extension must be installed and connected. Run /chrome in Claude Code if not connected. The user must be logged into WordPress.com in Chrome. Use ToolSearch to load Chrome tools: select:mcpclaude-in-chrometabscontextmcp. Call mcpclaude-in-chrometabscontextmcp to get current tabs. Create a new tab with mcpclaude-in-chrometabscreatemcp. Error Monitoring After opening the Help Center on each surface, and after key interactions, check for errors: Console errors: Call mcpclaude-in-chromereadconsolemessages with pattern: "(error|Error|ERROR)" to capture JS errors. Network errors: Call mcpclaude-in-chromereadnetworkrequests and check for any requests with HTTP status \>= 400. Check for errors at these points: After opening the Help Center on each surface. After performing a search. After loading an article.

## Links

- HTML page: https://omgskills.com/skills/automattic/wp-calypso/help-center-ui-test/
- GitHub: https://github.com/Automattic/wp-calypso
- Author: [@automattic](https://omgskills.com/library/automattic/index.md)

## More from this repo

- [calypso-react-query-migration](https://omgskills.com/skills/automattic/wp-calypso/calypso-react-query-migration/index.md) — Used when editing or migrating Calypso Reader data-fetching code — \`client/components/data/query-reader-\*\` components,...
   - [@automattic](https://omgskills.com/library/automattic/index.md) · 13k stars
- [dashboard-create-screen](https://omgskills.com/skills/automattic/wp-calypso/dashboard-create-screen/index.md) — Used to create a new screen in the Multi-site Dashboard with automatic route registration
   - [@automattic](https://omgskills.com/library/automattic/index.md) · 13k stars
- [fix-e2e-tests](https://omgskills.com/skills/automattic/wp-calypso/fix-e2e-tests/index.md) — Given a wp-calypso PR number, identify the failing E2E test(s) in that PR's CI run so they can be fixed.
   - [@automattic](https://omgskills.com/library/automattic/index.md) · 13k stars