Show HN: Web-eval-agent – 코딩 에이전트가 스스로 디버깅하게 하세요
요약
Web-eval-agent는 코딩 에이전트가 웹 애플리케이션을 자동으로 실행하고 디버깅할 수 있도록 돕는 도구입니다. 이 에이전트는 BrowserUse를 기반으로 웹 앱 탐색, 네트워크 트래픽 캡처, 콘솔 오류 수집 기능을 제공하며, 이를 통해 작성된 코드가 기대하는 대로 종단 간(end-to-end) 작동하는지 검증합니다. 개발자는 `web_eval_agent`와 같은 도구를 사용하여 실제 브라우저 환경에서 자동화된 UX 평가 보고서를 얻을 수 있으며, 이는 개발 과정의 디버깅 및 QA 과정을 크게 개선시킵니다.
핵심 포인트
- 코딩 에이전트가 웹 애플리케이션을 스스로 테스트하고 디버깅할 수 있게 합니다. BrowserUse를 활용하여 빠르고 효율적인 웹 앱 탐색 및 상호작용이 가능합니다. 네트워크 트래픽, 콘솔 오류, 스크린샷 등 풍부한 정보를 캡처하여 상세한 UX 평가 보고서를 제공합니다. `setup_browser_state` 기능을 통해 로그인 정보(쿠키/로컬 스토리지)를 저장하고 재사용할 수 있어 테스트 효율성이 높습니다.
코딩 에이전트가 스스로 디버깅을 해주세요. 더 중요한 일을 하시는 게 좋습니다.
operative.sh 의 MCP 서버는 브라우저 사용 (BrowserUse) 을 기반으로 한 에이전트를 실행하여 코드 에디터 내에서 웹 애플리케이션을 자동으로 실행하고 디버깅합니다.
- 🌐 웹앱 탐색 BrowserUse 를 사용하여 (operative 백엔드와 함께 2 배 더 빠름) - 📊
- 네트워크 트래픽 캡처 - 요청은 지능적으로 필터링되어 컨텍스트 윈도우에 반환됩니다 - 🚨
- 콘솔 오류 수집 - 로그 및 오류를 캡처합니다 - 🤖
- 자율 디버깅 - Cursor 에이전트는 작성한 코드가 기대하는 대로 종단 간 (end-to-end) 작동하는지 확인하기 위해 웹 QA 에이전트 MCP 서버를 호출합니다.
| 도구 | 목적 |
|---|---|
web_eval_agent | |
| 🤖 브라우저 구동, 스크린샷 및 콘솔/네트워크 로그 캡처, 풍부한 UX 보고서를 반환하는 자동화된 UX 평가자. | |
setup_browser_state | |
🔒 상호작용형 (비 헤드리스) 브라우저 열기 - 한 번 로그인 후 저장된 쿠키/로컬 스토리지 를 다음 web_eval_agent 실행에서 재사용합니다. |
주요 인수 (arguments)
web_eval_agent
url
(필수) - 실행 중인 앱의 주소 (예:http://localhost:3000)
task
(필수) - 테스트할 내용을 자연어 설명 (
Get your API key at operative.sh/mcp
Install uv
(curl -LsSf https://astral.sh/uv/install.sh | sh)
uvx --from git+https://github.com/Operative-Sh/web-eval-agent.git playwright install
-
Restart code editor
-
Updates aren't being received in code editors, update or reinstall for latest version: Run
uv cache clean
for latest - Any issues feel free to open an Issue on this repo or in the discord!
- 5/5 - static apps without changes weren't screencasting, fixed!
uv clean
- restart to get fix
- 4/29 - Agent overlay update - pause/play/stop agent run in the browser
📊 Web Evaluation Report for http://localhost:5173 complete!
📝 Task: Test the API-key deletion flow by navigating to the API Keys section, deleting a key, and judging the UX.
🔍 Agent Steps
...
Built with <3 @ operative.sh
AI 자동 생성 콘텐츠
본 콘텐츠는 HN Claude Code Search의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기