How to Set Up Claude Code GitHub Integration (Complete Guide)

Imagine pasting a screenshot of a broken UI into a GitHub issue, typing "@claude fix this bug," and getting a pull request with the fix minutes later. No one touches the code manually. In this episode of This Week in AI, I walk through how to set up the Claude Code GitHub integration, show how adding MCPs like Playwright gives Claude the ability to actually see your app in a browser, and demo it live fixing real bugs and building features, all triggered from a GitHub issue. Thank you to our exclusive sponsor: *PayPal Open* - One Platform for All Business: http://paypalopen.com/ 🔗 Set up Claude Code GitHub integration: Run /install-github-app inside Claude Code 🔗 Claude Code docs: https://docs.anthropic.com/en/docs/claude-code ⏱️ Timestamps: 0:00 — What the GitHub integration can do 0:25 — How the setup works 0:40 — Permission gotchas & fixes 0:51 — How Claude listens to issues & PRs 1:12 — Adding MCPs (plugins) to the YAML file 1:33 — Playwright MCP: giving Claude a browser 2:00 — Breaking down the YAML config 2:20 — Live demo: fixing broken links via GitHub issue 2:47 — Live demo: screenshot a UI bug → auto PR 3:06 — Playwright screenshots for visual verification 3:24 — Building new features from an issue 3:43 — How Claude creates its own checklist 3:54 — Merging the PR 4:00 — CLAUDE.md: giving Claude project context 4:13 — What's next 📌 Key Tips: - Write a solid [CLAUDE.md](http://claude.md/) — it's Claude's project context every time it runs - Add the Playwright MCP for any UI work — it lets Claude screenshot and verify changes - Keep prompts specific, describe the bug, paste a screenshot, say what you expect #ClaudeCode #GitHub #AICoding #MCP #Playwright #DevTools #Anthropic #ThisWeekInAI