help-center-ui-test
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.
Install
Install this Claude and Codex skill with the command below. The command stays visible even when copy support is unavailable.
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-testFrom 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.
More from this repo
dashboard-create-screen
Used to create a new screen in the Multi-site Dashboard with automatic route registration
fix-e2e-tests
Given a wp-calypso PR number, identify the failing E2E test(s) in that PR's CI run so they can be fixed.
reader-protocol-pr-review
Used when reviewing PRs that touch the Reader's multi-protocol social surfaces (`client/reader/social/`,...