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
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.
More from this repo
calypso-react-query-migration
Used when editing or migrating Calypso Reader data-fetching code — `client/components/data/query-reader-*` components,...
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.
