Use when testing, debugging, or making targeted improvements to rendered frontend apps through the Build Web Apps or web dev plugin: local dev servers, UI regressions, interaction bugs, console errors, responsive layout, and visual QA. Check whether the Browser plugin is available and use it first when it is; otherwise use regular Playwright with the recorded reason.
Install
npx skills add openai/plugins --skill frontend-testing-debuggingnpx skills add openai/plugins --skill frontend-testing-debugging -a claude-code -gnpx skills add openai/plugins --skill frontend-testing-debugging -a codex -ggemini skills install https://github.com/openai/plugins.git --path plugins/build-web-apps/skills/frontend-testing-debugginggh skill install openai/plugins frontend-testing-debugginggit clone --depth 1 https://github.com/openai/plugins /tmp/openai__plugins
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/openai__plugins/plugins/build-web-apps/skills/frontend-testing-debugging ~/.claude/skills/frontend-testing-debugging # Claude Code
cp -R /tmp/openai__plugins/plugins/build-web-apps/skills/frontend-testing-debugging ~/.agents/skills/frontend-testing-debugging # Codex, Cursor, Gemini CLI, Copilot, OpenCode