Cross-Browser Checklist

Generate a diff-scoped cross-browser testing checklist as Markdown.

1|1|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/btabaska/simpler-grants-documentation-automation --skill cross-browser-checklist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Cross-Browser Checklist
Source: https://github.com/btabaska/simpler-grants-documentation-automation/tree/main/.cursor/skills/skill-cross-browser-checklist
Command: npx skills add https://github.com/btabaska/simpler-grants-documentation-automation --skill cross-browser-checklist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Produce a targeted manual cross-browser test checklist for a changed frontend feature, covering Chrome, Firefox, Safari (macOS + iOS), and Edge against the feature's user flows.

Core Features & Use Cases

  • Tailored cross-browser checks for desktop and mobile, focusing on the actual user flows touched by the change.
  • Diff-scoped analysis of touched UI files to identify affected routes, components, and interactions.
  • Outputs a Markdown checklist that QA can paste into a PR or test plan.

Quick Start

Invoke the cross-browser checklist on the current PR to generate a Markdown checklist scoped to the changed files.

Frequently Asked Questions about Cross-Browser Checklist

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

FAQPage Schema
How do I generate a cross-browser testing checklist for frontend PR changes?

To generate a cross-browser testing checklist, analyze the diff of touched UI files to identify affected routes, components, and interactions. This produces a Markdown checklist enumerating impacted user flows scoped to Chrome, Firefox, Safari, and Edge.

What is diff-scoped cross-browser testing for modified UI components?

Diff-scoped cross-browser testing isolates manual QA checks to only the frontend files changed in a PR. It maps modified widgets and routes to targeted user flows, ensuring desktop and mobile browsers like Safari iOS and Edge are verified without testing the entire application.

Can I scope manual QA checks to only the modified frontend files and routes?

Yes, you can scope manual QA checks by analyzing the PR diff to extract modified UI components and routes. This targets the cross-browser checklist specifically toward the touched user flows, preventing redundant testing across Chrome, Firefox, Safari, and Edge.

What's the best way to create a manual test plan for frontend changes across Chrome, Firefox, Safari, and Edge?

The best way to create a manual test plan is converting the PR diff into a Markdown checklist that enumerates affected user flows and widgets. This covers desktop and mobile platforms, specifically targeting Chrome, Firefox, Safari macOS/iOS, and Edge for comprehensive QA coverage.

Does cross-browser testing support both desktop and mobile Safari interactions?

Yes, cross-browser testing supports both desktop and mobile Safari interactions. The generated checklist explicitly includes Safari on macOS and iOS alongside Chrome, Firefox, and Edge, verifying that touched UI components and user flows render correctly across all specified platforms.

When do I need a cross-browser checklist for a frontend pull request?

You need a cross-browser checklist when a PR touches UI components, interactions, or layout changes. The checklist scopes manual testing efforts to the modified files, ensuring affected user flows are verified across Chrome, Firefox, Safari, and Edge before merging.