設定檔
為同一網站保留多種外觀，並從編輯器或彈出式視窗中切換。
4.0 版新功能
重新設計的編輯器、供程式設計代理使用的命令列、設定檔，以及側邊面板。
重新設計的編輯器
從頭重新打造，現在支援深色模式。
- 分組的控制項，顯示頁面本身的值
- 更好的選擇器產生方式：網站更新後選擇器仍然有效，也有其他選擇器可挑選
- 其他規則覆寫某個值時會顯示出來
- 調色盤和滴管
- 將滑鼠移到顏色或字型上，即可在頁面上預覽
- 在「更多屬性」中直接編輯任何其他 CSS 屬性
- 支援復原
在終端機中使用 Stylebot
從命令列控制 Stylebot，或交給 Claude Code、Codex、Cursor 等程式設計代理。代理會直接在你的瀏覽器中修改網站樣式，使用你自己的訂閱方案，不需要 API 金鑰。
$ npm install -g @stylebot/cli
設定 CLI →適用於 Chrome 或 Edge。命令列目前還不支援 Firefox。
側邊面板，或獨立視窗
在 Chrome 和 Edge 中，編輯器會在側邊面板開啟。也可以從編輯器 ⋯ 選單中的 位置，將它移到獨立視窗。
版本記錄
每一次變更都會保留，可還原任何先前的版本。
同步
Google Drive 同步更加穩定。來自不同電腦的編輯會合併，不會遺失任何內容。每 30 分鐘會自動同步一次，編輯後也會立即同步。
聊天
沒有程式設計代理？描述你想要的效果，或挑選建議的外觀，Stylebot 就會撰寫 CSS。使用你自己的 Claude、OpenAI 或 Gemini 金鑰。
更多改進
- 全新的 stylebot.dev
- 全新的 Stylebot 圖示
- 樣式現在也會套用到 shadow DOM 內，因此在以 Web Components 建構的網站上也能運作
- Stylebot 的快速鍵現在改由瀏覽器的快速鍵設定管理。在 Chrome 和 Edge 中，你先前改過的快速鍵都已恢復預設，請到那裡重新設定。
- Stylebot 現已支援越南文
還有許多錯誤修正