Repolode
제출하기
mozilla

mozilla/firefox-devtools-mcp

AI 에이전트가 WebDriver BiDi를 통해 Firefox를 탐색하고 검사할 수 있게 해 주는 MCP 서버로, 에이전트 기반 브라우징과 개발자 도구 디버깅에 활용됩니다.

GitHub에서 보기
스타
553
포크
76
열린 이슈
10
마지막 커밋
3일 전

어떤 프로젝트인가요?

Firefox DevTools MCP는 AI 어시스턴트가 로컬 Firefox 브라우저를 제어할 수 있도록 하는 Model Context Protocol 서버입니다. Selenium WebDriver를 통해 WebDriver BiDi를 기반으로 구현되었으며, Claude Code, Claude Desktop, Cursor, Cline 같은 MCP 클라이언트와 함께 사용할 수 있습니다.

이 프로젝트는 두 가지 주요 시나리오를 지원합니다. 첫 번째는 에이전트 기반 브라우징으로, 에이전트가 웹페이지를 읽고 양식을 작성하며 웹사이트에서 여러 단계로 진행되는 작업을 완료합니다. 두 번째는 AI 에이전트를 활용한 웹 개발로, 에이전트가 개발 중인 페이지를 열어 콘솔 메시지, 네트워크 요청, 디버거, 프로파일러를 통해 검사합니다.

도구는 모듈별로 구성되며 `slim`부터 `all`까지의 프리셋으로 제공되므로 에이전트의 작업 범위를 제한할 수 있습니다. 헤드리스 모드, 사용자 지정 프로필, 실행 중인 Firefox에 연결하는 기능, ADB를 통한 Firefox for Android도 지원합니다. 에이전트가 브라우저로 접근할 수 있는 모든 항목에 접근할 수 있으므로, 이 프로젝트는 전용 Firefox 프로필 사용을 권장합니다.

핵심 기능

  • 01Selenium WebDriver를 통해 WebDriver BiDi로 Firefox를 제어합니다.
  • 02페이지 스냅샷을 만들고 UID로 요소를 클릭하거나 입력합니다.
  • 03네트워크 요청, 콘솔 메시지, 다운로드를 기록합니다.
  • 04에이전트가 사용할 수 있는 기능을 제한하는 도구 프리셋을 제공합니다.
  • 05헤드리스 모드, 사용자 지정 프로필, 실행 중인 Firefox에 연결하는 기능을 지원합니다.
  • 06ADB를 통해 Firefox for Android를 자동화할 수 있습니다.

활용 사례

  • AI 에이전트가 웹사이트에서 양식 작성 등 여러 단계로 이루어진 작업을 완료하도록 합니다.
  • AI 어시스턴트가 개발 중인 페이지의 콘솔 및 네트워크 출력을 포함해 페이지를 검사하도록 합니다.
  • MCP 호환 코딩 어시스턴트에서 Firefox 웹페이지를 프로파일링하거나 디버깅합니다.
  • 데스크톱에서 Firefox for Android 테스트 세션을 자동화합니다.

빠른 시작

  1. 1

    Node.js 20.19.0 이상과 Firefox 100 이상이 설치되어 있는지 확인하세요

  2. 2

    npx로 서버를 로컬에서 실행하세요

    npx @mozilla/firefox-devtools-mcp@latest
  3. 3

    Claude Code에 등록하세요

    claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest

사용 전 알아둘 점

  • 로컬에 Firefox가 설치되어 있어야 하며 클라우드 호스팅 서비스에서는 실행할 수 없습니다.
  • 에이전트가 쿠키와 저장된 세션에 접근할 수 있으므로 전용 Firefox 프로필을 사용하세요.
  • Android 모드는 세션을 시작할 때마다 대상 앱의 데이터를 모두 삭제합니다.
  • 메타데이터에서 라이선스가 NOASSERTION으로 표시되어 있으므로 사용 전에 라이선스 파일을 확인하세요.

포함된 컬렉션

AI 에이전트 브라우저 자동화Claude Code용 MCP 서버Claude Code 도구·스킬·플러그인오픈소스 AI 에이전트 프레임워크와 앱MCP 서버

토픽

#mcp#firefox#webdriver-bidi#browser-automation#ai-agent#devtools#selenium#claude-code#mcp-server

자주 묻는 질문

firefox-devtools-mcp은(는) 무엇인가요?
AI 에이전트가 WebDriver BiDi를 통해 Firefox를 탐색하고 검사할 수 있게 해 주는 MCP 서버로, 에이전트 기반 브라우징과 개발자 도구 디버깅에 활용됩니다. Firefox DevTools MCP는 AI 어시스턴트가 로컬 Firefox 브라우저를 제어할 수 있도록 하는 Model Context Protocol 서버입니다. Selenium WebDriver를 통해 WebDriver BiDi를 기반으로 구현되었으며, Claude Code, Claude Desktop, Cursor, Cline 같은 MCP 클라이언트와 함께 사용할 수 있습니다.
firefox-devtools-mcp은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
firefox-devtools-mcp은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
firefox-devtools-mcp은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. firefox-devtools-mcp의 마지막 커밋은 2026년 11월 4일입니다.
firefox-devtools-mcp은(는) 어디에 사용할 수 있나요?
AI 에이전트가 웹사이트에서 양식 작성 등 여러 단계로 이루어진 작업을 완료하도록 합니다. AI 어시스턴트가 개발 중인 페이지의 콘솔 및 네트워크 출력을 포함해 페이지를 검사하도록 합니다. MCP 호환 코딩 어시스턴트에서 Firefox 웹페이지를 프로파일링하거나 디버깅합니다. 데스크톱에서 Firefox for Android 테스트 세션을 자동화합니다.
firefox-devtools-mcp는 어떻게 설치하나요?
Node.js 20.19.0 이상과 Firefox 100 이상이 설치되어 있는지 확인하세요 npx로 서버를 로컬에서 실행하세요: npx @mozilla/firefox-devtools-mcp@latest Claude Code에 등록하세요: claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest
firefox-devtools-mcp은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/mozilla/firefox-devtools-mcp

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트

A9T9 / RPA

매크로 녹화기, JavaScript API, OCR, 이미지 인식, AI 어시스턴트용 MCP 서버를 갖춘 브라우저 및 데스크톱 자동화 확장 프로그램입니다.

개발 도구#browser-automation#rpa#mcp
2.1천+7 이번 주422TypeScriptOther업데이트 3일 전