GitHub Copilot CLI는 Agent Skill로 로컬 터미널 작업을 안내할 수 있지만, GitHub 문서에는 Tabbit Browser 내장 연결이 설명되어 있지 않습니다. 로그인된 미리보기를 확인하려면 Tabbit Browser와 Tabbit CLI Skill을 준비하고, Copilot CLI가 Skill을 불러와 로컬 실행기를 실행할 수 있는지 확인하세요. 사이트 로그인은 선택한 Tabbit 프로필에 저장되며 Copilot의 GitHub 로그인과 별개입니다.
본인 로그인으로만 열 수 있는 PR 미리보기를 확인할 때 유용합니다. 먼저 Copilot CLI가 터미널에서 diff를 요약하게 한 다음, 별도 Tabbit 작업을 만들어 미리보기를 확인합니다. 작업은 전용 탭을 사용하므로 다른 탭에서 계속 일할 수 있습니다. 검토 메모를 저장하고 다음 단계를 승인하기 전까지 PR은 변경하지 마세요.
r/GithubCopilot의 한 사용자는 Copilot이 작업 중 새 터미널을 반복해서 열었다고 했습니다. 개인 경험이지만 브라우저 검토를 이름 붙은 작업으로 분리할 이유가 됩니다. 원문 토론 보기.
핵심 요점
Copilot CLI는 코딩 클라이언트이고 Tabbit CLI는 로컬 브라우저 연결 도구입니다. 서로 다른 프로그램입니다.
GitHub는 Skill 경로로
.github/skills,.claude/skills,.agents/skills,~/.copilot/skills,~/.agents/skills를 안내합니다. 각 폴더에SKILL.md가 필요합니다.Skill이 보인다는 건 검색됐다는 뜻뿐입니다. 로컬 실행기와 Tabbit 프로필도 확인하세요.
Skill은 로컬 명령 실행을 지시할 수 있습니다. Skill과 스크립트를 검토하고 확인하지 않은 명령은 승인 단계를 유지하세요.
브라우저 작업과 검토 파일에 이름을 붙이세요. 사람이 확인하기 전에 변경을 제출하거나 공개하지 마세요.
구성 요소와 확인 항목
| 구성 요소 | 역할 | 확인할 것 |
|---|---|---|
| GitHub Copilot CLI | 코드를 읽고 허용된 터미널 도구 실행 | 로컬 세션, 올바른 저장소, 필요한 권한 |
| Copilot Agent Skill | 지침과 선택적 스크립트 제공 | 지원 경로의 SKILL.md, 다시 불러온 뒤 표시 |
| Tabbit CLI | 로컬 Agent에서 Tabbit Browser를 조작 | 실행기가 대상 인스턴스를 감지 |
| Tabbit Browser 프로필 | 탭과 사이트 로그인 상태 저장 | 미리보기에 올바른 계정이나 프로젝트 표시 |
| 검토 메모 | 사람이 확인할 결과 저장 | 로컬에 저장되고 PR 변경을 주장하지 않음 |
GitHub는 Skill을 지침 폴더로 설명하며 스크립트나 리소스를 포함할 수도 있다고 합니다. shell 또는 bash를 사전 허용하면 명령 확인 절차가 사라진다는 점도 경고합니다. Copilot CLI Skill 안내와 CLI 명령 참조를 확인하세요.
1. Copilot CLI의 Skill 검색 확인
여러 저장소에서 쓰려면 개인 Skill을 ~/.copilot/skills 또는 ~/.agents/skills에 둡니다. 프로젝트 전용 Skill은 저장소의 .github/skills, .claude/skills, .agents/skills에 둘 수 있습니다.
~/.agents/skills/
└── tabbit/
└── SKILL.mdTabbit CLI 빠른 시작에 설치와 Skill 안내가 있습니다. 설치한 뒤 Copilot CLI를 다시 시작하거나 대화형 세션에서 /skills reload를 실행하세요. Skill을 명시적으로 호출하려면 등록 이름 앞에 /를 붙입니다. 목록에서 Tabbit Skill 이름이 tabbit이면 Use the /tabbit skill to inspect this preview.라고 요청하고 /skills info tabbit으로 확인할 수 있습니다. 이후 브라우저 작업 실행 방법을 설명하도록 요청하세요.
Skill 검색은 첫 단계입니다. 로컬 실행기를 실행할 수 있어야 하고 실행기는 대상 브라우저에 연결되어야 합니다.
2. 로컬 Tabbit 연결 확인
Copilot CLI와 같은 컴퓨터에서 Tabbit Browser를 열고 원하는 프로필로 사이트에 로그인하세요. 처음에는 미리보기를 읽기만 합니다.
운영체제에 맞는 Tabbit 실행기 경로를 사용합니다. macOS 빠른 시작은 다음 명령으로 확인합니다.
launcher="$HOME/.local/bin/tabbit-cli"
"$launcher" diagnose작업을 요청하기 전에 올바른 브라우저가 실행 중인지 확인하세요. Skill은 보이지만 실행기를 실행할 수 없다면 shell 권한과 로컬 실행 환경을 확인합니다. 같은 GitHub 계정을 써도 Codespaces가 노트북의 브라우저 프로필을 자동 상속하지 않습니다.
| 확인 항목 | 성공 증거 | 실패 시 |
|---|---|---|
| Skill 검색 | 사용 가능한 Skill에 tabbit 표시 | SKILL.md 경로와 이름 확인 후 다시 불러오기 |
| 실행기 접근 | Copilot이 로컬에서 실행기 실행 | shell 권한과 CLI의 실행 위치 확인 |
| 브라우저 대상 | Tabbit CLI가 의도한 인스턴스 표시 | 이동하기 전에 올바른 인스턴스 선택 |
| 사이트 로그인 | 미리보기에서 올바른 계정/프로젝트 확인 | Tabbit에서 직접 로그인한 뒤 재확인 |
작업이 같은 Tabbit 프로필에 연결된 경우에만 기존 로그인 세션을 재사용합니다. 사이트 비밀번호나 쿠키가 프롬프트 텍스트로 넘어가는 것은 아닙니다. 자격 증명을 프롬프트와 메모에 넣지 마세요.
긴 작업을 시작하기 전 브라우저 Agent 첫 작업 체크리스트를 사용하세요. 로그인 페이지가 보이지 않으면 로컬과 클라우드 브라우저 경로 및 기존 브라우저 연결 방식을 비교하세요. Codex Tabbit CLI 설정 가이드에도 다른 클라이언트의 로컬 연결 경계가 나와 있습니다.
3. PR diff와 미리보기 비교
먼저 Copilot CLI에 변경된 경로와 예상되는 화면 변화를 정리하게 합니다. 그다음 이름 붙은 Tabbit 작업에서 해당 미리보기를 확인합니다. 작업 전용 탭이 생기므로 다른 탭에서 계속 diff를 검토할 수 있습니다.
회사에서 Copilot CLI를 도입한 한 사용자는 여러 도구에서 Skill을 공유하려면 경로와 metadata를 조정해야 했다고 적었습니다. 버전에 따라 다를 수 있지만 클라이언트가 지원하는 형식을 쓰고 목록에 나타나는지 확인해야 합니다. 원문 글.
연결을 확인한 뒤 다음 프롬프트를 시도해 보세요. PR에 게시하지 않고 로컬 초안을 작성합니다.
현재 pull request diff와 Tabbit Browser에서 로그인된 미리보기를 비교하세요.
"pr-482-preview-review"라는 Tabbit 작업을 만드세요. 이 PR에서 변경한 경로만 확인하세요.
사이트 편집, 양식 제출, 댓글 작성, 병합은 하지 마세요.
"pr-482-release-preview-review.md"라는 로컬 Markdown 초안을 저장하세요. 포함할 내용:
- 경로와 화면에 보이는 제목
- 확인한 변경 동작
- 화면 근거가 있는 불일치 목록
- 확인할 수 없었던 항목
저장한 뒤 멈추고 검토할 수 있도록 파일 경로를 알려주세요.예시이지 테스트 결과가 아닙니다. 실제 PR 번호와 파일명으로 바꾸고 미리보기가 올바른 빌드인지 확인하세요. 재로그인, 다른 작업 공간, 민감한 작업이 나타나면 멈추고 사람이 확인합니다.
Tabbit을 사용할 상황
Copilot CLI는 로컬 코드를 다루고 Tabbit Browser는 브라우저 환경을 제공합니다. Tabbit CLI는 적합한 로컬 Agent가 브라우저 작업을 요청하도록 합니다. 미리보기 로그인이 Tabbit에 있거나 코딩을 계속하면서 브라우저를 따로 검토하고 싶을 때 평가해 볼 수 있습니다.
Copilot CLI가 Tabbit을 기본 지원한다는 뜻은 아닙니다. 설치된 Skill, 로컬 실행기, 올바른 브라우저 인스턴스가 필요합니다. GitHub는 Tabbit을 Copilot의 공식 통합으로 인증하지 않습니다. Tabbit CLI 안내, GitHub Copilot 브라우저 Agent 안내, 로그인 세션 재사용 안내를 참고하세요.
Agent 실행 위치에 따라 선택
| 환경 | 추천 경로 | 로그인 상태 |
|---|---|---|
| 로컬 Copilot CLI | Skill과 실행기를 확인한 뒤 Tabbit CLI | 선택한 Tabbit 프로필의 유효한 세션 |
| Codespaces의 Copilot CLI | 지원되는 로컬 전달 방식이 있으면 사용 | 노트북 프로필을 자동 상속하지 않음 |
| 공개 미리보기 | 허용된 방식으로 페이지 읽기 | 로그인 불필요 |
| 제한된 미리보기 | 로컬 Tabbit 작업 후 사람 검토 | 로그인은 브라우저 프로필에 유지 |
다른 기기에서 Copilot CLI 세션을 조작할 수 있어도 로컬 브라우저 연결을 의미하진 않습니다. 두 연결을 구분하세요.
이 방법이 맞는지 판단하기
브라우저가 이미 로그인되어 있고 실제 페이지를 코드 변경과 비교해야 할 때 사용합니다. 사이트 소유자의 허가가 있다면 공개 경로가 없는 staging 대시보드에도 쓸 수 있습니다.
로컬 스냅샷, API 응답, 테스트에서 같은 증거를 얻을 수 있다면 브라우저를 사용하지 않아도 됩니다. 운영 페이지에서는 프롬프트가 사이트 승인 절차를 대신하지 않습니다. Copilot이 목록을 만들게 한 뒤 직접 페이지와 제출 내용을 확인하세요.
검토할 수 있는 결과는 완료된 이름 있는 작업, 로컬 파일, 확인한 항목입니다. “완료했습니다”라는 답만으로 페이지 로드나 PR 변경을 증명할 수 없습니다.
테스트 fixture 연습은 agent-browser CLI 튜토리얼, 도구 선택은 브라우저 자동화 개요를 참고하세요.
자주 묻는 질문
GitHub Copilot CLI는 브라우저를 기본으로 제어하나요?
GitHub 문서에는 Copilot CLI의 Agent Skill과 터미널 도구가 설명되어 있지만, 확인한 자료에는 Tabbit Browser 내장 연결 기능이 없습니다. 로컬 클라이언트가 Skill을 불러오고 설치된 실행기를 실행할 수 있는지 확인하세요.
Copilot CLI Skill은 어디에 둘 수 있나요?
GitHub는 프로젝트 Skill 경로로 .github/skills, .claude/skills, .agents/skills를, 개인 Skill 경로로 ~/.copilot/skills 또는 ~/.agents/skills를 안내합니다. 각 폴더에 SKILL.md가 필요합니다.
새 Skill을 다시 불러오려면 어떻게 하나요?
대화형 Copilot CLI에서 Skill을 추가한 뒤 /skills reload를 실행하세요. 세션을 다시 시작한 뒤 이용 가능한 Skill을 확인해도 됩니다.
Tabbit이 Copilot CLI의 GitHub 로그인을 재사용하나요?
아닙니다. 브라우저 작업은 선택한 Tabbit Browser 프로필에 이미 저장된 웹사이트 로그인 상태를 사용합니다. Copilot의 GitHub 로그인과 사이트 로그인은 별개입니다.
브라우저 작업이 내 pull request를 수정할 수 있나요?
읽기 전용 요청으로 미리보기를 확인하고 로컬 체크리스트를 저장하게 할 수 있지만, 읽기 전용 동작이 보장되지는 않습니다. 실행할 작업과 결과를 확인한 후 공유하세요.
Codespaces가 노트북의 Tabbit 로그인을 재사용하나요?
자동으로는 안 됩니다. 로컬 CLI가 Tabbit runtime에 접근할 수 있는 지원 호스트에서 실행되어야 합니다. 원격 환경에는 별도로 지원되는 로컬 전달 경로가 필요하거나 브라우저 단계를 로컬에서 실행해야 합니다.