同步
連線 Google Drive，你的樣式就會跟著你到每一台登入的電腦。Stylebot 每 30 分鐘同步一次，編輯後也會立即同步。
harbourpost.example/travel/night-ferry
harbourpost.example
簡閱
設定此頁面樣式Alt+Shift+M
The Harbour Post新聞旅遊登入
旅遊 · 深度報導
夜間渡輪悄悄回歸
三家業者押注旅客願意捨棄速度，換來一間船艙、一片海景，而且不必去機場。
MLMarta Linde · 9月24日 · 6 分鐘閱讀
最後一班夜航停駛二十年後，三家業者正讓船艙重回海上。賣點很簡單：晚餐後登船，一覺睡過整段航程，醒來已身在另一個國家。
「沒有人是為了省時間才訂的。大家訂它，是想丟掉一點時間。」
— Ines Varga，航線規劃師
首條復航航線一週內就訂滿整個夏天。多數乘客不到四十歲，許多人從沒搭過任何臥鋪。業者表示，最先客滿的是船艙，接著是躺椅座位，最後才是甲板。
harbourpost.example/預設
基本程式碼預設聊天
1 / 4
運作方式
- 1按一下圖示，或按 Alt+Shift+M。
- 2按一下即可選取，欄位會顯示它目前的樣式。
- 3使用基本控制項，或撰寫 CSS。
- 4為同一個網站保存不同的外觀。
與你的程式設計代理搭配使用
Claude Code、Codex、Cursor 或任何能執行指令的代理，都能從終端機使用 Stylebot。
$ npm install -g @stylebot/cli
設定 CLI →從這些樣式開始
複製一個再依喜好調整，或從頭開始。
到 wikipedia.org 將它貼進「程式碼」分頁。
到 github.com 將它貼進「程式碼」分頁。
到 nytimes.com 將它貼進「程式碼」分頁。
到 news.ycombinator.com 將它貼進「程式碼」分頁。
到 mail.google.com 將它貼進「程式碼」分頁。
其他功能，一應俱全。
版本記錄
樣式的每一次變更都會保留，最新的在前。開啟一筆記錄即可查看變更內容，一鍵還原。
預設
簡閱和灰度適用於任何網站，而且能和你自己的修改疊加。
聊天
沒有程式設計代理？在聊天分頁中描述變更，Stylebot 就會撰寫 CSS。使用你自己的 Claude、OpenAI 或 Gemini 金鑰，金鑰只保存在你的瀏覽器中。
大家都愛 Stylebot
“Thank you for creating this — this tool lets me make inaccessible sites more accessible for me”
“This extension is awesome and I have used it for many years. Good to see it’s getting updates again.”
“Stylebot is one of the first extensions I install on any new build. It massively improves my browsing experience. Thanks.”
安裝 Stylebot
自 2011 年起免費開放原始碼。不需帳戶，也不追蹤。你的樣式保存在瀏覽器中，程式碼公開在 GitHub 上。
在用程式設計代理嗎？加上 CLI：
$ npm install -g @stylebot/cli