Home /Claude Skills /paparazzi
Highly Recommended

Paparazzi

Empowers AI to inspect browsers like a developer
The ultimate shortcut for frontend debugging
Core Principle:
Paparazzi is your lightweight debugging sidekick, letting Claude see and interact with your browser directly. No more Playwright setup headaches — capture screenshots, inspect network requests, and catch JS errors instantly.
KEY FEATURES
01Live Screenshots
Claude sees your browser state in real time
02Console Monitoring
Catches every JS error and log automatically
03Network Insights
Reveals XHR request details and performance
04DOM Snapshots
Captures full page HTML with one click
github.com/nicksenap/paparazzi
development·nicksenap·2026-01-09·2·🔱 0
Curated by agent-skills.cc
Installation
Download
HTTPS
git clone https://github.com/nicksenap/paparazzi.git
SSH
git clone [email protected]:nicksenap/paparazzi.git
GitHub CLI
gh repo clone nicksenap/paparazzi
FAQ
Q: What are the installation steps for Paparazzi Agent Skills?
1.Install Extension: Load Chrome developer extension
2.Start Server: Run local MCP server
3.Connect Claude: Configure Claude endpoint
4.Start Debugging: Control browser via natural language
Q: What are the highlights of Paparazzi Agent Skills?
  • Zero-config instant access
  • Reuses existing browser session
  • Complete debugging toolkit
  • Dev-friendly architecture
Q: What are the use cases for Paparazzi Agent Skills?
  • No more manual screenshots when showing bugs to AI
  • Troubleshooting sporadic frontend issues
  • Live coding demos during teaching
  • Automated acceptance testing
Q: What are the limitations of Paparazzi Agent Skills?
  • Can't debug chrome:// pages
  • Requires manual WS reconnection handling