Tabbit部落格

GitHub Copilot CLI 如何操作已登入的瀏覽器

將本機 Copilot CLI 工作流程連接 Tabbit Browser,分別驗證 Skill、啟動器和登入狀態,再檢查 PR 預覽。

本文目錄
  1. 重點
  2. 各部分的用途
  3. 1. 確認 Copilot CLI 找得到 Skill
  4. 2. 確認本機 Tabbit 連線
  5. 3. 對照 PR 差異與預覽
  6. 何時適合使用 Tabbit
  7. 依 Agent 執行位置選擇方式
  8. 判斷是否適合

GitHub Copilot CLI 可以透過 Agent Skill 指引本機終端工作,但 GitHub 沒有文件說明它內建 Tabbit Browser 連接器。若要檢查已登入的預覽頁,請安裝 Tabbit Browser 與 Tabbit CLI Skill,再確認 Copilot CLI 能載入 Skill 並執行本機啟動器。網站登入狀態屬於所選的 Tabbit 設定檔,與 Copilot 的 GitHub 登入無關。

這適合只能用本人帳號開啟的 PR 預覽。先讓 Copilot CLI 在終端整理程式碼差異,再以獨立的 Tabbit 任務檢查預覽。任務使用自己的標籤頁,你仍可在其他標籤頁工作。先存一份審閱筆記,等你核准下一步再變更 PR。

一位 r/GithubCopilot 使用者提到,Copilot 會在他工作時反覆開啟新終端。這是個人經驗,但說明了為何應將瀏覽器檢查拆成具名任務。查看原討論。

重點

  • Copilot CLI 是程式開發用戶端,Tabbit CLI 是本機瀏覽器連接工具,兩者是不同程式。

  • GitHub 文件列出 .github/skills、.claude/skills、.agents/skills、~/.copilot/skills 與 ~/.agents/skills 等路徑。每個 Skill 目錄需要 SKILL.md。

  • 用戶端看得到 Skill 只代表發現成功,還要檢查啟動器和 Tabbit 設定檔。

  • Skill 可以要求執行本機命令。請檢查 Skill 與腳本,對未檢查的命令保留確認步驟。

  • 為瀏覽器工作命名並使用獨立審閱檔案;人工確認前不要提交或發布變更。

各部分的用途

部分用途檢查項目
GitHub Copilot CLI讀取程式碼並執行獲准的終端工具本機工作階段、正確儲存庫、所需權限
Copilot Agent Skill提供操作指引與可選腳本SKILL.md 位於支援路徑,重新載入後可見
Tabbit CLI讓本機 Agent 操作執行中的 Tabbit Browser啟動器能診斷出預期的 Tabbit 實例
Tabbit Browser 設定檔保存標籤頁與網站登入預覽頁顯示正確帳號或專案
審閱筆記保存供人工核對的結果檔案已存至本機,不聲稱 PR 已更動

GitHub 將 Skill 定義為包含指引的資料夾,也可加入腳本或其他資源。GitHub 另提醒,預先允許 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.md

Tabbit 的 CLI 快速開始說明安裝與 Skill。安裝後重新啟動 Copilot CLI,或在互動式工作階段輸入 /skills reload。若要明確呼叫 Skill,請以斜線加上註冊名稱;若清單顯示 Tabbit Skill 名稱是 tabbit,可輸入 Use the /tabbit skill to inspect this preview.,並用 /skills info tabbit 確認。再請 Copilot 說明它打算如何執行具名瀏覽器工作。

Skill 被找到只是第一項檢查。它還需要能執行本機啟動器,啟動器也要連得上預期的瀏覽器。

2. 確認本機 Tabbit 連線

在與 Copilot CLI 相同的電腦開啟 Tabbit Browser,並在預期設定檔登入目標網站。第一次先只讀取預覽頁。

依作業系統使用 Tabbit 文件所列的啟動器路徑。macOS 快速開始提供以下檢查方式:

launcher="$HOME/.local/bin/tabbit-cli"
"$launcher" diagnose

要求 Copilot 建立瀏覽器工作前,先確認正確瀏覽器正在執行。若看得到 Skill 卻無法執行啟動器,請檢查 shell 權限和本機執行環境。即使使用相同 GitHub 帳號,Codespaces 也不會自動取得筆電上的瀏覽器設定檔。

檢查通過證據失敗時檢查
Skill 發現tabbit 出現在可用 Skill 清單檢查 SKILL.md 路徑、名稱並重新載入
啟動器可用Copilot 能在本機執行已安裝啟動器檢查 shell 權限與 CLI 是否在本機
瀏覽器目標Tabbit CLI 顯示正確實例或任務頁導航前先選擇正確 Tabbit 實例
網站登入預覽頁顯示預期帳號或專案在 Tabbit 手動登入後再次檢查

只有當任務連到你已登入的同一 Tabbit 設定檔,才會沿用既有登入狀態。這不代表網站密碼或 Cookie 會變成提示詞文字。請勿把憑證放入提示詞或審閱檔案。

開始長工作前,可使用瀏覽器 Agent 首次任務清單。若看不到已登入頁面,請比較本機與雲端瀏覽器流程和連接既有瀏覽器的方式。Codex 與 Tabbit CLI 設定指南也說明了另一用戶端的本機界線。

3. 對照 PR 差異與預覽

先請 Copilot CLI 列出修改路由與預期畫面,再透過具名 Tabbit 任務檢查對應預覽。任務有自己的標籤頁,你可以繼續在其他標籤頁工作。

一位協助公司導入 Copilot CLI 的使用者表示,不同工具共用 Skill 時需要分別處理路徑和 metadata。這是特定版本的經驗,但提醒我們要使用用戶端支援的格式,並確認 Skill 確實出現在清單中。查看原文。

確認連線後可試用以下提示詞。它只要求產生本機草稿,不會提交 PR 評論:

請對照目前 pull request 的程式碼差異和 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 執行位置選擇方式

Agent 環境建議瀏覽器流程登入狀態預期
本機 Copilot CLI確認 Skill 和啟動器後使用 Tabbit CLI可使用所選 Tabbit 設定檔的有效登入
Codespaces 中的 Copilot CLI使用另行支援的本機交接(若有)不會自動沿用筆電設定檔
公開預覽以獲准方式讀取公開路由不需要登入
受限預覽本機 Tabbit 任務,由人工確認登入仍在選定瀏覽器設定檔

從其他裝置操控 Copilot CLI 工作階段,不等於連接電腦上的瀏覽器。請把兩種連線分開看。

判斷是否適合

當瀏覽器已登入、需要將實際頁面與程式碼變更比對時,可以使用這套流程。若取得站點擁有者授權,也適用於沒有公開預覽路由的 staging 控制台。

若本機快照、API 回應或測試能提供同樣可靠的證據,就不必使用瀏覽器。對正式環境,不要用提示詞取代網站的核准流程。請 Copilot 準備清單,再自行檢查頁面和提交內容。

可檢查的交接結果應包括已完成的具名任務、本機檔案以及明確的檢查項目。Agent 說「完成」不代表頁面確實載入或 PR 已變更。

需要單獨 fixture 練習,可看 agent-browser CLI 教程,或先讀瀏覽器自動化概覽。

常見問題

GitHub Copilot CLI 能直接操作瀏覽器嗎?

GitHub 文件介紹 Copilot CLI 的 Agent Skill 與終端工具,但本次查閱的資料沒有記載內建 Tabbit Browser 連接器。請分別確認本機用戶端能載入 Skill,且能執行安裝好的啟動器。

Copilot CLI Skill 可以放在哪裡?

GitHub 文件列出專案路徑 .github/skills、.claude/skills、.agents/skills,個人 Skill 則可放在 ~/.copilot/skills 或 ~/.agents/skills。每個 Skill 目錄都需要 SKILL.md。

新增 Skill 後如何重新載入?

在互動式 Copilot CLI 工作階段中,新增後可輸入 /skills reload。也可以重新啟動工作階段,再確認 Skill 清單。

Tabbit 會沿用 Copilot CLI 的 GitHub 登入嗎?

不會。瀏覽器工作會使用所選 Tabbit Browser 設定檔中既有的網站登入狀態。Copilot 的 GitHub 登入與網站在 Tabbit 中的登入是兩種狀態。

瀏覽器工作會修改我的 pull request 嗎?

唯讀提示詞可以要求 Agent 查看預覽並儲存本機清單,但無法保證它只會唯讀。請檢查預計執行的動作,並在分享前核對頁面與輸出。

GitHub Codespaces 能沿用筆電上的 Tabbit 登入嗎?

不會自動沿用。本機 CLI 程序必須能存取受支援主機上的 Tabbit runtime。遠端環境需要另外支援的本機交接方式,或改由本機執行瀏覽器步驟。

下一步

讓 Tabbit 與你並肩工作。

跨分頁調研、自動化重複的瀏覽器工作,讓每一處上下文都觸手可及。