同步
连接 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