藝廊
在網站上開啟 Stylebot，它會推薦藝廊中的熱門樣式。先在頁面上預覽，再安裝。做出了滿意的樣式？可在彈出式視窗或編輯器中，從該樣式的 ⋯ 選單發布。
隨心任何網站。
指向頁面上的元素直接修改。Stylebot 會撰寫 CSS，每次回到網站都會自動載入你的樣式。
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為同一個網站保存不同的外觀。
與你的程式設計代理搭配使用
Stylebot 提供 CLI，任何能執行指令的代理都能重新設計網站的樣式。
$ npm install -g @stylebot/cli
設定 CLI →其他功能，一應俱全。
同步
連線 Google Drive，你的樣式就會跟著你到每一台登入的電腦。Stylebot 每 30 分鐘同步一次，編輯後也會立即同步。
版本記錄
樣式的每一次變更都會保留，最新的在前。開啟一筆記錄即可查看變更內容，一鍵還原。
預設
簡閱和灰度適用於任何網站，而且能和你自己的修改疊加。
大家都愛 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 上。
Safari 版需要 macOS 15 或更新版本。
在用程式設計代理嗎？加上 CLI：
$ npm install -g @stylebot/cli