TabbitBlog

AI 에이전트가 브라우저를 제어하게 하는 방법

브라우저 도구를 연결하고 읽기 전용 클릭을 한 번 실행한 뒤 Tabbit의 실제 기록으로 결과를 확인합니다.

이 글의 목차
  1. 모델, 에이전트, 브라우저 구분하기
  2. 사용 중인 클라이언트에서 연결하기
  3. 브라우저 실행 위치 선택하기
  4. 연결한 세션 확인하기
  5. 작은 작업으로 연결 확인하기
  6. 필요한 범위만 허용하기
  7. 페이지에서 실제 결과 읽기
  8. 결과를 별도로 읽기
  9. 실패한 단계별로 점검하기
  10. 결과를 확인하고 작업 넓히기

AI 에이전트가 페이지를 클릭하려면 브라우저 도구가 필요합니다. 모델은 지시를 이해하고 에이전트는 도구를 호출하며, 도구는 허용된 브라우저에서 동작합니다. 페이지 하나, 되돌릴 수 있는 동작 하나, 읽어 확인할 결과 하나로 시작합니다. 연습에서는 Show source details로 DEMO-A01을 확인했습니다.

한 Windows 사용자는 검색은 열렸지만 클릭이 시간 초과됐다고 했습니다. 다른 글에서는 페이지 읽기와 통합 테스트의 도구 요구가 다르다고 했습니다. 처음에는 보이는 결과 하나를 요청합니다. r/AI_Agents · r/ClaudeAI

모델, 에이전트, 브라우저 구분하기

채팅은 클릭할 위치를 설명할 수 있습니다. 실행하려면 이동하고 관찰하며 조작하는 도구가 필요합니다. 브라우저 내장 에이전트가 제공할 수도 있고, 외부 클라이언트는 스킬, 확장 또는 MCP로 연결할 수 있습니다. 실제로 사용 가능한 도구를 확인합니다.

에이전트와 Tabbit CLI가 연습 페이지의 결과를 읽는 그림

AI 에이전트란 · 에이전트용 브라우저 · 브라우저 에이전트

사용 중인 클라이언트에서 연결하기

도구나 스킬 목록에서 브라우저 기능을 확인합니다. Tabbit 스킬이 설정돼 있으면 /tabbit을 호출하고 연습 주소를 전달합니다. MCP는 커넥터 문서대로 설정한 후 목록에 나타나면 같은 읽기 검사를 실행합니다. 도구가 없어도 채팅으로 직접 수행할 단계를 안내받을 수 있습니다.

브라우저 실행 위치 선택하기

이미 아는 탭, 승인된 로그인 페이지, 자신의 로컬 서버에는 로컬 연결이 맞습니다. 깨끗한 세션에서 백그라운드 작업을 실행하려면 전용 원격 브라우저를 쓸 수 있습니다. 원격 브라우저의 루프백과 프로필은 별도입니다. 연결 전 소유자와 허용 범위를 정합니다.

연결사용 상황첫 확인
로컬알려진 탭 또는 루프백URL과 제목 읽기
원격실행기 전용 새 브라우저URL 접근 확인

Tabbit CLI 안내 · Playwright 연결 문서

기존 브라우저 연결 · Codex Cloud와 localhost

연결한 세션 확인하기

연결 상태는 어느 세션에 도달했음을 알려줍니다. 탭이나 프로필이 여러 개라면 실제 URL과 제목을 작업과 대조합니다.

작은 작업으로 연결 확인하기

연습 페이지를 열어 제목을 읽고 Show source details 버튼이 하나인지 확인한 뒤 한 번 누릅니다. 식별자가 보이면 끝납니다. 클릭은 페이지의 글을 펼칠 뿐이며 양식을 전송하거나 설정을 저장하거나 계정을 바꾸지 않습니다.

연습 페이지 열기

연습 페이지를 열고 제목을 읽습니다. Show source details 버튼이 하나인지 확인하고 한 번 누릅니다. 제목과 정확한 식별자, URL 변경 여부를 반환합니다. 페이지가 다르면 멈추고 로그인하거나 제출하지 않습니다.

식별자를 표시하기 전의 연습 페이지

필요한 범위만 허용하기

연습은 탭 하나와 로그인 없는 상태면 됩니다. 업무 프로필에 연결하기 전에 이 흐름을 확인합니다. 백그라운드 작업에는 전용 프로필을 사용하고 사이트 접근 권한은 별도로 확인합니다.

페이지에서 실제 결과 읽기

Tabbit CLI로 로컬 연습을 열었습니다. 응답은 200, 제목은 First browser task, 초기 상태는 Source ID hidden이었습니다. 역할과 이름으로 버튼 하나를 선택해 클릭한 뒤 Source ID: DEMO-A01을 읽었습니다. URL은 그대로였고 전후 화면을 남겼습니다.

단계확인한 결과
페이지 열기HTTP 200 · First browser task
클릭 전Source ID hidden
클릭 후 · Show source detailsSource ID: DEMO-A01
DEMO-A01을 표시한 연습 페이지

결과를 별도로 읽기

클릭 후 상태를 다시 읽습니다. 결과가 다르면 실제로 보이는 값을 남깁니다. 클릭을 받아도 원하는 상태가 나타나지 않을 수 있습니다.

실패한 단계별로 점검하기

열리지 않으면 브라우저가 실행되는 위치와 접근 주소를 확인합니다. 다른 페이지면 탭과 URL을 확인합니다. 버튼이 없으면 다시 관찰합니다. 클릭 후 식별자가 안 보이면 멈추고 현재 상태를 기록합니다.

브라우저 자동화 · 첫 작업 체크리스트

결과를 확인하고 작업 넓히기

페이지, 버튼, 결과와 접근 제한을 보관합니다. 다음 실행에서는 읽기 동작 하나나 공개 페이지 하나를 더해 봅니다. 로그인, 게시, 전송, 구매, 저장은 별도 권한과 결과 확인이 필요한 작업입니다.

에이전트 보안 · 자동화 에이전트

자주 묻는 질문

채팅 모델만으로 페이지를 클릭할 수 있나요?

실제 브라우저 세션에 접근하는 도구가 필요합니다.

처음에는 어느 브라우저를 연결하나요?

자신의 세션이나 승인된 세션에서 공개 페이지 또는 연습 페이지를 사용합니다.

원격 브라우저에 로컬 로그인이 있나요?

승인된 세션에 명시적으로 붙지 않는 한 프로필은 별도입니다.

첫 작업으로 무엇이 적합한가요?

페이지 하나, 되돌릴 수 있는 동작 하나, 확인할 수 있는 결과 하나입니다.

클릭 성공을 어떻게 확인하나요?

식별자나 상태 메시지 등 예상 결과를 페이지에서 읽습니다.

로그인이 필요하면 어떻게 하나요?

멈추고 필요한 접근을 기록한 뒤 승인된 세션을 사용합니다.

다음 단계

Tabbit 과 함께 일하세요.

탭 간 조사를 하고, 반복적인 브라우저 작업을 자동화하며, 모든 맥락을 손이 닿는 곳에 두세요.