4.0 新功能

重新设计的编辑器、面向编程智能体的命令行、方案和侧边栏。

重新设计的编辑器

从零开始重建,现在支持深色模式。

  • 分组的控件,显示页面自身的值
  • 更好的选择器生成:网站更新后选择器依然有效,还有其他选择器可选
  • 值被其他规则覆盖时会标明
  • 调色板和取色器
  • 悬停在颜色或字体上,即可在页面上预览
  • 在“更多属性”中直接编辑其他任何 CSS 属性
  • 支持撤销
重新设计的“基础”标签页,正在用 Newspaper 方案修改 Hacker News 的样式重新设计的“基础”标签页,正在用 Newspaper 方案修改 Hacker News 的样式

在终端中使用 Stylebot

在命令行中控制 Stylebot,或交给 Claude Code、Codex、Cursor 等编程智能体来做。智能体直接在你的浏览器中修改网站样式,使用你自己的订阅,无需 API 密钥。

$ npm install -g @stylebot/cli
设置 CLI →

适用于 Chrome 或 Edge。命令行暂不支持 Firefox。


某个网站的弹出式窗口,有 Dracula 和 Gruvbox 两个方案某个网站的弹出式窗口,有 Dracula 和 Gruvbox 两个方案

方案

为一个网站保存多套外观,可在编辑器或弹出式窗口中切换。

编辑器菜单,“位置”设为侧边栏编辑器菜单,“位置”设为侧边栏

侧边栏或独立窗口

在 Chrome 和 Edge 中,编辑器会在侧边栏中打开。也可以通过编辑器 ⋯ 菜单中的位置,把它弹出到独立窗口中。

设置中的版本历史,最新的改动在前设置中的版本历史,最新的改动在前

版本历史

每次改动都会保留,可恢复到任何旧版本。

设置页面,已连接到 Google Drive 并完成同步设置页面,已连接到 Google Drive 并完成同步

同步

Google Drive 同步更加稳定,会合并来自不同电脑的改动,不会丢失任何内容。每 30 分钟自动同步一次,编辑后也会立即同步。

“聊天”标签页为页面推荐的风格:“温馨”“宁静”和“只有链接是彩色”“聊天”标签页为页面推荐的风格:“温馨”“宁静”和“只有链接是彩色”

聊天

没有编程智能体?描述你想要的效果,或选一个推荐的风格,Stylebot 就会编写 CSS。使用你自己的 Claude、OpenAI 或 Gemini 密钥。

更多

  • 全新的 stylebot.dev
  • 全新的 Stylebot 图标
  • 样式现在也能应用到 Shadow DOM 内部,在用 Web Components 构建的网站上同样有效
  • Stylebot 的快捷键现在在浏览器的快捷键设置中管理。在 Chrome 和 Edge 中,你改过的快捷键已恢复为默认值,请在那里重新设置。
  • Stylebot 现已支持越南语

还有大量问题修复