Claude Desktop에서 Puppeteer 기반 MCP 사용법: 웹 자동화 연동하기

Claude Desktop에서 Puppeteer 기반 MCP 사용법: 웹 자동화 연동하기

 

Puppeteer는 Node.js 환경에서 작동하는 Google Chrome 브라우저 자동화 도구입니다. Headless Chrome을 제어하여 웹페이지 탐색, 스크린샷 촬영, 콘텐츠 추출, UI 테스트 등에 사용할 수 있습니다.

주요 기능:
- 페이지 이동 및 DOM 조작
- 로그인 자동화
- HTML 추출 및 데이터 크롤링
- PDF 생성, 스크린샷 등

 

Claude Desktop에서 Puppeteer MCP 설정 방법

claude_desktop_config.json 파일에 아래 내용을 추가합니다.

{
    "mcpServers": {
		"puppeteer": {
			"command": "npx",
			"args": ["-y", "@modelcontextprotocol/server-puppeteer"]
		}
	}
}

claude_desktop_config.json 파일은 아래 포스팅을 참고하면 됩니다.

2025.04.03 - [IT/AI] - Claude Desktop 으로 MCP 사용해 내 컴퓨터 파일 조작하기

이제 간단히 사용해 보겠습니다.

mcp 가 여러게 설정되어있어 테스트를 위해 mcp 명을 직접 넣었습니다.

Puppeteer를 이용해 https://www.youtube.com/watch?v=W_uwR_yx4-c 유튜브 링크 내용을 요약해줘

mcp 허용창을 모두 허용하면 아래처럼 크롬 브라우져를 새로 열어서 분석하기 시작합니다.

분석결과

 

다른 질문

Puppeteer로 동아일보 사이트 접속해서 주요기사 정리해줘

브라우져 실행

결과

📰 동아일보 주요 기사 정리 (2025.06.30) Puppeteer로 동아일보 메인페이지를 분석한 결과, 다음과 같은 주요 기사들을 확인했습니다: 🔥 메인 헤드라인 [사회] 치매 배우자 돌보다 우울증…'부부 동반 치매' 급증 메인 기사로 배치된 사회 이슈 고령화 사회의 치매 문제와 가족 돌봄 부담에 대한 심층 보도 📰 주요 기사들 🏛️ 정치 분야 野 상법개정안 협상 손짓에도…與 "3일 처리후 보완" 여야 간 상법개정안을 둘러싼 정치적 공방 국힘, 국회 회의장에 '배추 18포기' 쌓아놓은 이유는? 국민의힘의 상징적 정치 퍼포먼스 관련 기사 나경원 농성장 찾은 김민석 "단식하시는 건 아니죠?" 정치인들 간의 현장 방문과 소통 관련 [단독] 2차 추경서 깎인 '무공해차 보급' 예산, 예결소위서 3287억 복구 추가경정예산과 친환경차 정책 관련 단독 보도 💰 경제 분야 역대급 불장에도…개미들은 크게 웃지 못했다 주식시장 호황에도 불구한 개인투자자들의 실제 수익률 분석 🌍 사회 분야 "러브버그, 밝은색 옷 보면 꽃인줄 알고 달려들어" 계절성 곤충 러브버그의 생태와 대응 방법 📊 기사 분포 특징 정치: 4건 (57%) - 국정 현안과 여야 갈등이 주요 이슈 사회: 2건 (29%) - 고령화, 환경 이슈 포함 경제: 1건 (14%) - 주식시장 관련 🎯 주요 키워드 치매, 고령화 사회 여야 정치 갈등 추경 예산 주식시장, 개인투자자 환경 이슈 동아일보는 현재 정치적 현안에 높은 비중을 두고 있으며, 특히 국회 내 여야 갈등과 예산 관련 이슈를 중점적으로 다루고 있습니다. 동시에 사회적 이슈로는 고령화 사회의 문제점을 부각시키고 있는 것으로 분석됩니다.

 

Claude Desktop과 Puppeteer MCP의 조합은 실제 브라우저를 조작하는 능력까지 확장시켜 줍니다.간단한 설정만으로도 GPT가 웹을 돌아다니고, 정보를 추출하고, 자동화된 작업을 수행할 수 있어 유용하게 사용할 수 있을 것 같습니다.

 

참고

https://github.com/merajmehrabi/puppeteer-mcp-server

GitHub - merajmehrabi/puppeteer-mcp-server: This MCP server provides browser automation capabilities through Puppeteer, allowing