browserbase/skills

Browser 자동화와 공식 bb CLI 를 통해 Claude Code 가 Browserbase 와 협력할 수 있도록 하는 스킬 세트입니다.

이 플러그인은 다음 스킬을 포함합니다 (상세 내용은 skills/ 참조):

스킬	설명
browser	CLI 명령어를 통해 웹 브라우저 상호작용 자동화 — 반자동 봇 탐지 방지, CAPTCHA 해결, 주거용 프록시 지원 원격 Browserbase 세션
browserbase-cli	세션, 프로젝트, 컨텍스트, 확장 프로그램, fetch, 대시보드 등을 포함한 Browserbase 함수 및 플랫폼 API 워크플로우를 위한 공식 bb CLI 사용
functions	bb CLI 를 사용하여 브라우저 자동화를 Browserbase 클라우드에 서버리스 방식으로 배포
site-debugger	실패하는 브라우저 자동화 진단 및 수정 — 봇 탐지, 선택자, 타이밍, 인증, CAPTCHA 분석 후 테스트된 사이트 플레이북 생성
browser-trace	브라우저 자동화와 함께 전체 DevTools-protocol 추적 (CDP firehose, 스크린샷, DOM 덤프) 을 캡처한 후 스트림을 페이지별 검색 가능한 버킷으로 분할
bb-usage	터미널 대시보드에서 Browserbase 사용량 통계, 세션 분석 및 비용 예측 표시
cookie-sync	브라우저 CLI 가 인증된 사이트에 접근할 수 있도록 로컬 Chrome 에서의 쿠키를 Browserbase 영구 컨텍스트로 동기화
fetch	브라우저 세션 없이 정적 페이지에서 HTML 또는 JSON 가져오기 — 상태 코드, 헤더 확인, 리디렉션 추적
search	브라우저 세션 없이 웹 검색 및 구조화된 결과 (제목, URL, 메타데이터) 반환
ui-test	AI 기반 적대적 UI 테스트 — git diff 분석을 통해 변경 사항 테스트하거나 전체 앱 탐색하여 버그 발견

인기 코딩 에이전트에 스킬을 설치하려면:

$ npx skills add browserbase/skills

Claude Code 에서 마켓플레이스를 추가하려면 다음 명령어만 실행하면 됩니다:

/plugin marketplace add browserbase/skills

그런 다음 플러그인을 설치합니다:

/plugin install browse@browserbase

수동 인터페이스를 선호하는 경우:

• Claude Code 에서 다음을 입력: /plugin
• 옵션 3. Add marketplace 선택
• 마켓플레이스 소스 입력: browserbase/skills
• browse 플러그인 선택하기 위해 Enter 키 누름 - 다시 Enter 를 눌러 Install now 선택

변수가 적용되도록 Claude Code 재시작

설치 후 Claude 에게 브라우저 탐색 또는 Browserbase CLI 사용 요청할 수 있습니다:

"Hacker News 로 이동하여 상위 게시물의 댓글을 가져와서 요약하세요"
"http://localhost:3000 을 QA 테스트하고 발견한 버그를 수정하세요"
"DoorDash 에 로그인되어 있으므로 피자를 주문해 주세요"
bb 를 사용하여 내 Browserbase 프로젝트를 나열하고 출력을 JSON 으로 표시하세요"
*bb functions init 으로 새로운 Browserbase 함수를 초기화하고 다음 명령어를 설명하세요"

Claude 가 나머지를 처리합니다.

로컬 및 localhost 작업의 경우 browse env local 은 기본적으로 깨끗한 격리된 브라우저를 시작합니다. 에이전트가 기존 로컬 Chrome 세션, 쿠키 또는 로그인 상태를 재사용해야 하는 경우 browse env local --auto-connect 를 사용하세요.

플랫폼별 Chrome 설치:

macOS 또는 Windows: https://www.google.com/chrome/
Linux: sudo apt install google-chrome-stable