Skip to content

Add Chrome extension for GitHub PR UI enhancements#1

Merged
devm33 merged 4 commits intomainfrom
copilot/add-github-ui-modifications
Jan 25, 2026
Merged

Add Chrome extension for GitHub PR UI enhancements#1
devm33 merged 4 commits intomainfrom
copilot/add-github-ui-modifications

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Jan 25, 2026

Chrome extension adding two features to GitHub pull request pages:

  1. Copy PR link button - Next to PR title, copies {title}: {url} to clipboard
  2. Request Copilot review button - Next to Copilot reviewer link, appears only on draft PRs

Implementation

manifest.json

  • Manifest V3 with clipboardWrite permission
  • Content script scoped to github.com/*/*/pull/*

content.js

  • Injects buttons using GitHub's DOM selectors (.js-issue-title, .State[title="Status: Draft"])
  • MutationObserver handles dynamic content loading
  • Visual feedback with GitHub-themed icons (success/error states)
  • Graceful fallbacks when GitHub DOM structure differs
// Feature 1: Copy PR link
const textToCopy = `${prTitle}: ${prUrl}`;
await navigator.clipboard.writeText(textToCopy);

// Feature 2: Request review (attempts UI automation)
const requestReviewBtn = reviewersSection.querySelector('button[aria-label*="request"]');
requestReviewBtn?.click();

Assets

  • Icons: 16px, 48px, 128px PNG
  • test.html: Local verification page
  • Documentation: Installation, testing, troubleshooting

Screenshot

Extension test page showing both features

Test page demonstrating button placement and styling. Actual usage requires loading extension in Chrome via developer mode.

Notes

Request review feature uses fragile DOM selectors that may break with GitHub UI changes. Button provides user feedback when automation fails.

Original prompt

Create a chrome extension that makes two modifications to the github ui

  1. On the pull requests page adds a button next to the PR title to copy to clipboard the following content: "PR Title: https://link-to-pr"

  2. On the pull requests page adds a button next to the Copilot reviewer (href="/apps/copilot-pull-request-reviewer") that requests a review while the PR is in draft


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot AI and others added 3 commits January 25, 2026 16:41
…eatures

Co-authored-by: devm33 <1682753+devm33@users.noreply.github.com>
Co-authored-by: devm33 <1682753+devm33@users.noreply.github.com>
Co-authored-by: devm33 <1682753+devm33@users.noreply.github.com>
Copilot AI changed the title [WIP] Add buttons to GitHub UI for PR title and review request Add Chrome extension for GitHub PR UI enhancements Jan 25, 2026
Copilot AI requested a review from devm33 January 25, 2026 16:46
@devm33 devm33 marked this pull request as ready for review January 25, 2026 17:35
@devm33 devm33 merged commit 343d03e into main Jan 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants