데브허브 | DEVHUB | Cursor AI로 MCP 기능 마음대로 만들기 | 클로드 인공지능Cursor AI로 MCP 기능 마음대로 만들기 | 클로드 인공지능
- AI는 MCP(Multi-modal Control Program)를 통해 웹 브라우저와 상호작용하며, 마이크로소프트의 Playwright가 대표적인 AI 전용 웹 브라우저 역할을 함. 🌐
- MCP 설정은 복잡할 수 있으나, 전용 편집기를 활용하면 간편하게 서버를 추가하고 관리할 수 있음. ⚙️
- Playwright는 AI가 웹페이지 내용을 읽고, 텍스트 입력 및 클릭 등 다양한 작업을 수행하도록 돕는 도구들을 제공함. 💻
- 기존 도구의 한계(예: 한 번에 하나의 요소만 클릭)로 인한 비효율성을 발견하고, 이를 개선할 필요성을 인지함. ⏳
- Cursor AI를 사용하여 마이크로소프트 Playwright MCP 서버의 소스 코드를 분석하고, '브라우저_클릭_멀티플'과 같은 새로운 기능을 직접 추가하여 도구를 확장할 수 있음. 🛠️
- 새로운 기능 추가 과정은 Cursor AI에게 프로젝트 이해 요청, 기능 구현 요청, 생성된 코드 수락, 빌드 및 테스트를 포함함. 🚀
- 커스텀 MCP를 클로드 AI에 통합하기 위해 클로드 설정 파일에 새로운 도구의 실행 경로를 업데이트하는 절차가 필요함. 🔗
- AI는 새로 추가된 다중 클릭 도구를 활용하여 MBTI 테스트의 여러 질문에 0.3초 간격으로 효율적으로 답변하며, 그 결과 ENTJ-A(통솔자)가 나왔고 스스로 성별을 '남성'으로 선택함. ✅
- 클로드 AI는 긴 응답 생성 시 길이 제한에 부딪혀 도구 실행이 중단될 수 있으며, 이는 작업 실패로 이어질 수 있는 문제점을 가짐. 🚫
- 길이 제한 문제를 해결하기 위해 보고서 내용을 CSS, JSON 데이터 파일 등으로 모듈화하고, 데이터를 여러 개의 작은 파일로 분할하여 저장하는 전략을 제시함. 📄
- 파일 시스템 MCP를 사용하여 AI가 생성한 MBTI 보고서를 HTML 웹 문서 형태로 로컬 컴퓨터에 저장하고, 파이썬의 간단한 HTTP 서버를 통해 웹 브라우저에서 정상적으로 확인할 수 있었음. 💾
- 이 영상은 AI 도구의 한계를 극복하고, 사용자의 필요에 맞춰 기능을 직접 확장하며, 복잡한 작업을 효율적으로 수행하도록 AI를 커스터마이징하는 실질적인 방법을 보여줌. ✨