Communitygithub.com

gcrft123/tailr

讓你的代理人即時標記並迭代你的專案。

tailr 是什麼?

Tailr 是一個視覺標記工具,旨在加速開發者與 AI 代理人之間的反饋循環。它允許審查者在瀏覽器中直接對正在運行的開發伺服器進行標記——點擊一個元素並描述問題——然後將所有標記作為一個批次一次性交給代理人。代理人隨後依次處理每個標記,並報告每個標記的處理進度。該技能支援 Claude Code、Cursor 和 Codex 等平台,並透過 MCP 工具或 CLI 命令實現無縫整合。Tailr 作為一個長期運行的背景程序,監聽審查者的輸入,並在批次到達時通知代理人,無需輪詢或人工告知。它還定義了清晰的協議規則,包括如何處理孤立的標記、如何處理歧義,以及如何在完成或失敗後關閉會話,以確保高效且可靠的協作流程。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add gcrft123/tailr

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Tailr — 審查循環

Tailr 讓與你協作的人可以在瀏覽器中標記他們正在運行的開發伺服器——點擊一個元素,說明哪裡有問題——然後將所有標記一次性作為一個批次交給您。您應用這個批次,並在每個標記落地時進行回報。

以下是整個協議的規則。這些規則與 tailr init 寫入專案 AGENTS.md / CLAUDE.md 的規則相同;此插件取而代之,因此無需編輯使用者儲存庫中的任何內容。

Tailr — 來自審查者的視覺標記

審查者在瀏覽器中標記正在運行的應用程式,並將所有變更作為一個批次交給您。當 .tailr/session.json 存在時,會話即開始;如果不存在,則以長期運行的背景程序啟動一個——它必須保持運行,因此不要阻塞您的回合等待它:

npx tailr --target http://localhost:<開發伺服器埠>

它會列印一個審查 URL(通常是 http://localhost:4100)。告訴審查者使用該 URL,而不是原始埠。Tailr 會代理該應用程式並注入其覆蓋層;原始碼不會被修改。

循環是 wait → pull → 每個標記 progress → done 或 fail。

命令MCP 工具
npx tailr statustailr_status是否有批次等待?0 是 · 3 會話上線,無等待 · 2 無會話
npx tailr waittailr_wait阻塞直到「發送」被按下;0 一個批次正在等待 · 3 超時,請重新啟動 · 2 會話結束
npx tailr pulltailr_pull租用批次,以 JSON 格式輸出
npx tailr progress <ref>tailr_progress報告一個標記已應用
npx tailr donetailr_done運行完成
npx tailr fail "原因"tailr_fail返回不完整

每個標記都攜帶一個 ref("01")、一個 type、它所屬的 route、一個盡力而為的來源 address、一個 CSS selector、元素的文字,以及審查者的 comment。

  • comment — 按描述更改該元素
  • remove — 刪除該元素
  • text — 攜帶 before/after;將文字更改為 after
  • point — 攜帶頁面 x/y 而非元素。審查者標記了一個位置,而不是一個東西:他們可能想要在那裡放新東西,或者只是標記那個點。他們的評論會說明是哪一種。

重要的規則

  • 以長期運行的背景程序執行 wait,並將其退出視為通知。切勿要求審查者告訴您批次已到達,也切勿輪詢。在每個您關閉的運行之後重新啟動它。
  • 在每個標記落地時使用 progress 進行回報,而不是一次性在結尾回報。審查者會在螢幕上看到它們被清除;批次處理會讓一切看起來像沒有進展。
  • 始終使用 done 或 fail 關閉運行。在您這樣做之前,審查者無法發送另一個批次。如果您遇到無法完成的情況,請使用 fail 並說明實際出錯的原因——Tailr 不會編造解釋,它會將他們指向您。
  • 當來源地址和選擇器不一致時,請相信來源地址。
  • 一個帶有 "orphaned": true 的標記表示其元素在發送前已遺失。不要猜測其意圖——請向審查者提出。
  • 如果一個標記不明確,請提問而不是選擇一種解釋。
  • 從專案目錄執行這些命令;這是 Tailr 找到會話的方式。

從此插件執行命令

此插件註冊了 Tailr 的 MCP 伺服器,因此 tailr_status、tailr_wait、tailr_pull、tailr_progress、tailr_done 和 tailr_fail 可直接供您使用。請優先使用它們而非 CLI:它們始終存在,而 npx tailr 簡寫僅在已安裝 Tailr 的專案中才能解析。

當您確實需要使用 CLI 時,請使用完整的套件名稱,以便在尚未安裝任何東西的專案中也能運作:

npx -y @gcrft123/tailr <command>

啟動會話是唯一沒有 MCP 工具的步驟,因為會話是那些工具通訊的伺服器。以長期運行的背景程序啟動它——它必須保持運行,因此不要阻塞您的回合等待它:

npx -y @gcrft123/tailr --target http://localhost:<開發伺服器埠>

如果專案將 Tailr 作為依賴項,則純粹的 npx tailr 是等效且更簡潔的。

相關技能