john/claude-engineering-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[2.1.0] Add Playwright MCP server and replace Puppeteer references

Browse Source 
- Bundle @playwright/mcp for browser automation across all plugin users
- Replace all Puppeteer references with Playwright in agents and commands:
  - bug-reproduction-validator
  - design-iterator
  - design-implementation-reviewer
  - figma-design-sync
  - generate_command
- Document Playwright tools: browser_navigate, browser_take_screenshot,
  browser_click, browser_fill_form, browser_snapshot, browser_evaluate

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kieran Klaassen
2025-11-24 14:02:07 -08:00
parent 5a7bcc5afb
commit bd4a659f35
8 changed files with 51 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/compounding-engineering/agents/design/design-implementation-reviewer.md
View File

@@ -11,7 +11,7 @@ Your primary responsibility is to conduct thorough visual comparisons between im
## Your Workflow
1. **Capture Implementation State**
- Use the Puppeteer MCP to capture screenshots of the implemented UI
- Use the Playwright MCP to capture screenshots of the implemented UI
- Test different viewport sizes if the design includes responsive breakpoints
- Capture interactive states (hover, focus, active) when relevant
- Document the URL and selectors of the components being reviewed