在終端機中使用 Stylebot

從命令列控制 Stylebot,或交給 Claude Code、Codex、Cursor 等程式設計代理。代理會直接在你的瀏覽器中修改網站樣式,使用你自己的訂閱方案,不需要 API 金鑰。

開始設定

  1. 安裝 Stylebot

    適用於 Chrome 或 Edge。命令列目前還不支援 Firefox。

  2. 安裝 CLI

    需要 Node 20 或以上版本。

    $ npm install -g @stylebot/cli
  3. 連接到你的瀏覽器

    這會向 Chrome 和 Edge 註冊 CLI,讓 Stylebot 能與它連線。

    $ stylebot install
  4. 開啟命令列存取

    在 Stylebot 的選項中,於「基本」下開啟 允許這台電腦上的應用程式控制 Stylebot,並允許瀏覽器要求的權限。

  5. 加入 Claude Code 外掛程式 選用

    在 Claude Code 中執行:

    $ /plugin marketplace add ankit/stylebot
    $ /plugin install stylebot@stylebot

    然後試試看:

    $ /stylebot news.ycombinator.com give it a dark theme

指令

代理會替你執行這些指令,你也可以自己執行。stylebot --help 會列出所有指令。

$ stylebot open news.ycombinator.com
在你目前視窗後方的視窗中開啟頁面,並印出其分頁 ID。
$ stylebot outline 54432929
以大綱形式印出頁面上可見的元素。
$ stylebot css set news.ycombinator.com < dark.css
將 CSS 儲存為該網站的樣式並套用,再檢查頁面。
$ stylebot screenshot 54432929 -o page.png
將分頁畫面存成圖片。

隱私權

命令列存取在你開啟之前都是關閉的。開啟後,這台電腦上的應用程式可以讀取你開啟的頁面、擷取螢幕畫面並變更你的樣式。隨時可以在 Stylebot 的選項中關閉。

Stylebot 和 CLI 只在這台電腦上彼此溝通,不會把任何資料傳送到別處。代理則會把讀取到的內容傳送給它自己的供應商,例如 Claude Code 會傳送給 Anthropic。