skills.rest
Automattic
AutomatticOFFICIAL
Explore all skills by this author →
Website𝕏@automatticengGitHub

help-center-ui-test

Tests the WordPress.com Help Center UI across surfaces using browser automation.

12.6k|2.0k|Updated Nov 10, 2015
Search Tags:#QA#linear#ui testing#Browser Automation#Chrome extension#help center#wordpress.com
One-click install
npx skills add https://github.com/Automattic/wp-calypso --skill help-center-ui-test
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: help-center-ui-test
Source: https://github.com/Automattic/wp-calypso/tree/main/.claude/skills/help-center-ui-test
Command: npx skills add https://github.com/Automattic/wp-calypso --skill help-center-ui-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually verifying the WordPress.com Help Center across multiple surfaces, viewports, and interaction flows is slow and error-prone. This Skill automates a structured browser-based UI review that catches visual, behavioral, console, and network issues.

Core Features & Use Cases

  • Multi-surface testing: Runs a full checklist on the Calypso Dashboard, WP Admin, and the block editor, covering home screen, search, article rendering, AI chat, live support handoff, navigation, and support history.
  • Error monitoring: Captures JavaScript console errors and HTTP 4xx/5xx network failures at key interaction points on every surface.
  • Responsive viewport checks: Re-runs layout verification at mobile (375x812) and desktop (1280x800) sizes.
  • Issue reporting workflow: Produces a structured pass/fail results table, records GIF evidence, and files Linear issues with a standard bug report template.
  • Use Case: After shipping a change to the Help Center, run this Skill to verify search, AI chat, and support handoff still work on both Calypso and WP Admin before release.

Quick Start

Ask the assistant to run a Help Center UI test across all surfaces and report any visual or behavioral issues found.

Frequently Asked Questions about help-center-ui-test

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test the WordPress.com Help Center UI automatically?▼

Invoke this Skill with the Claude in Chrome extension connected and a logged-in WordPress.com session. It navigates each surface, opens the Help Center via the ? icon, and runs a checklist covering search, articles, AI chat, and navigation.

What surfaces does Help Center UI testing cover?▼

Testing covers three surfaces: the Calypso Dashboard at my.wordpress.com/sites, WP Admin, and the post editor. Each surface gets the full checklist plus desktop and mobile viewport verification.

Does the Help Center test check for console and network errors?▼

Yes. After opening the Help Center and after key interactions like search, article loads, and AI responses, it reads console messages for errors and inspects network requests for HTTP status codes of 400 or higher.

Can I file Linear issues from Help Center test results?▼

Yes. After testing, the Skill summarizes failures and offers to file Linear issues using a standard bug report template, defaulting to the Help Center Polish and Maintenance project, with GIF evidence attached to each issue.

What are the prerequisites for running browser-based Help Center tests?▼

You need the Claude in Chrome browser extension installed and connected, plus an active WordPress.com login in Chrome. Without these, the automation tools cannot navigate pages or interact with the Help Center.

Related Skills

Explore More Software Engineering Skills→
DicklesworthstoneDicklesworthstone
70

claude-chrome

Automate authenticated browser tasks in a real Chrome session via Claude Code CLI and MCP.

Community
Advanced
nikawa2161nikawa2161

pr

Create GitHub pull requests with issue references from branch names.

Community
Advanced
aspectrraspectrr

canary

Detects production issues via console errors, network requests, and performance regressions.

Community
Advanced
cenjiecenjie

e2e-testing-automation

Automate end-to-end browser tests for Playwright, Cypress, or Selenium workflows.

Community
Intermediate