오늘 저는 Vibe 코딩에 필수적인 도구인 Chrome Dev Tools MCP를 실행해 봤는데, 이 도구는 이미 GitHub에서 17,600개의 별을 받았습니다. Vibe 개발 과정에서 GMGN의 최신 이슈 토큰이나 트위터 트윗과 같은 외부 데이터를 얻어야 할 때가 많습니다. 하지만 기존의 웹 스크래핑 방식은 AI 시대에 더 이상 적합하지 않습니다. Chrome 개발자 도구는 MCP(다중 채널 프로그래밍 도구)로서 사용이 매우 간편하며, 단 두 단계에 3분밖에 걸리지 않습니다. 첫째, MCP를 설치합니다. 둘째, AI와 상호 작용할 때 이 MCP를 사용하도록 지시하기만 하면 됩니다. Chrome 개발자 도구는 기본적으로 모든 Vibe 코딩 도구를 지원합니다. 저는 개인적으로 Antigravity와 Claude Code를 사용해 봤습니다. 그런데 Antigravity는 모델에 따라 제대로 작동하지 않았습니다. 에이전트가 한동안 실행되다가 다른 기존 웹 크롤링 라이브러리를 설치하려고 시도했습니다. 반면 Claude Code는 매우 쉽고 성공적으로 작동했습니다. Chrome 개발자 도구는 자동으로 Chrome 브라우저를 열고 작업을 시작합니다. 가장 큰 장점 중 하나는 사용자가 브라우저를 열고 미리 계정에 로그인할 수 있다는 점입니다. 이를 통해 AI는 이미 로그인된 웹사이트를 관리할 수 있습니다. Claude Code를 실행하기 전에 `/mcp` 명령어를 사용하여 MCP가 올바르게 설치되었는지 확인하는 것이 좋습니다. 저는 처음 두 번 시도했을 때 실패했는데, 처음에는 코드 문제라고 생각했지만 MCP가 제대로 구성되지 않았던 것으로 밝혀졌습니다. 이번 임무는 카이토의 야퍼 차트에 있는 KOL 목록을 작성하고, 이 정보를 활용하여 그들의 트윗을 추적하는 것입니다. 먼저 크롬 브라우저로 카이토에 로그인한 후, NiuMa에게 작업을 맡겼습니다. 뉴마는 매우 똑똑해서 쉬운 말로 설명해 주기만 하면 됩니다. 아주 간단하고 복잡한 지시사항이나 프로젝트도 필요하지 않습니다. 그들은 약 5분 만에 결과를 알려줬어요. 한 가지 더 말씀드리자면, 동물들이 작업하는 동안 브라우저를 사용해야 하는 경우 새 Chrome 브라우저를 설치하고 가상 데스크톱으로 설정하는 것이 좋습니다.