产品

Stylebot

免费的浏览器扩展,让用户通过点击元素或编写 CSS 来自定义网页样式,并可保存和同步样式。

stylebot.dev 源码★ 96MIT App Store Chrome 应用商店实用工具 / 浏览器主题与新标签页

AI 竞品立项评估
桌面端
移动端
月访问
34.7K
下降2.2%环比2026 年 9 月
公开收入
未公开
暂无公开收入证据
入门价
免费
没有月付订阅价
创作者
Ankit Ahuja
@ahujaankit· 565 关注
首次发布
5 年前
2021-01-03 · 估算

访问

月访问数据截至 2026 年 9 月
事件14 个变化 · 1 个营销动作

营销动作

发布、搜索与内容、引荐、促销
  • 在 Show HN 发布(2 分)发布

    Stylebot 4 – restyle any website, by hand or with your coding agent — I started Stylebot in 2010 to change how websites look without writing CSS by hand. I have kept maintaining it since then. Now, with AI to…

    10 月 15 日 · 30 天前发布页

    当时 月访问 34.7K同期还有 14 个动作
  • 在 Product Hunt 发布发布

    Change the appearance of the web instantly

    2021 年 1 月 3 日 · 5 年前发布页

第三方评测与案例拆解

获客渠道拆解、工程师评测与开源档案
Show HN
2026-10-15查看原文
创作者原帖摘录:
I started Stylebot in 2010 to change how websites look without writing CSS by hand. I have kept maintaining it since then. Now, with AI tools, I’ve finally been able to fix bugs and add features I never had time for. 4.0 has a new, modern editor that shows each element's actual styles, profiles, better sync, versioning and includes a CLI for coding agents. I

开源仓库与 Agent 生态

GitHub 开源与智能体接入
最近提交 2026-11-02
GitHub 星标
★ 96
分支数 (Forks)
19
开源协议
MIT
主要语言
JavaScript

商店数据

App Store · Chrome 应用商店
App Store App Store
更新日期未同步
评分
评分未同步评分数未同步
上月新增评分
—
价格与内购
免费内购数据未同步
当前版本
—商店公开档案
Chrome 应用商店 Chrome 应用商店
更新日期未同步
评分
评分未同步评分数未同步
上月新增评分
—
价格与内购
免费内购数据未同步
当前版本
—商店公开档案

商店图标、评分分布、安装量级与宣传截图同步自 Apple App Store、Google Play 与 Chrome 应用商店。

流量来源

2026 年 9 月

访问构成

渠道

  • 直接访问81%
  • 自然搜索10%
  • 其他8%

国家/地区

  • 美国43%
  • 日本16%
  • 巴西8%
  • 印度7%
  • 加拿大5%

搜索

站点权重 —域名注册 2020-07-24

关键词月搜索量
stylebot5,840
extention to make gremmerly underlne thinner220
chrome visited links does not change color150
stylebot extension110
whats that one browser extension that lets you change a website's code and save it?—

流量数据:Vaneform

定价

官网未公开套餐价格。

试用:未提供 · 观察于 2026-11-04 · 来源页面

页面与变化

开始记录于 2021-01-03

关键页面

每周快照

变化

  1. 11 月 1 日 · 13 天前

    首页主标题(H1)改为「Restyle Restyle any website.」定位

    Stylebot→Restyle Restyle any website.

  2. 11 月 1 日 · 13 天前

    新增采用技术栈:Astro功能

    —→Astro

  3. 11 月 1 日 · 13 天前

    移除技术栈:Emotion功能

    Emotion→—

  4. 11 月 1 日 · 13 天前

    移除技术栈:Gatsby功能

    Gatsby→—

  5. 11 月 1 日 · 13 天前

    移除技术栈:Google Analytics功能

    Google Analytics→—

  6. 11 月 1 日 · 13 天前

    新增采用技术栈:Google Font API功能

    —→Google Font API

设计

首屏视觉分析与 :root CSS

浅灰底配超大黑色无衬线标题,黑色胶囊按钮居中,下方嵌入圆角浏览器界面截图。

首屏预览 · 点击放大

首屏讲了什么与转化路径

“Restyle any website.”

顶栏左右分布标志与安装按钮,中部标题与按钮居中,下方铺开产品截图。

首屏转化路径:标题下方大幅产品界面 + 产品界面截图或组件示意 → 下载客户端 / 安装插件

色板 · 点击复制

五维设计评分7.5 / 10
字体与排版
8.0
色彩与对比
7.0
构图与留白
8.0
细节与工艺
8.0
风格辨识度
6.0

结构

字体
Inter
主视觉
产品界面截图或组件示意
信任背书
无显式背书
导航
顶部通栏导航
明暗与密度
浅色 · 留白多
圆角与层级
胶囊 · 有阴影
预览 AI 设计说明全文(含 :root CSS 变量与版式规则)只写风格参数,禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明:极简单色

黑白灰加一个强调色,细线分隔,大量留白,靠字号与字重分层级。

## 设计参数

```css
:root {
  --background: #f6f6f7;
  --surface: #ffffff;
  --foreground: #111111;
  --muted-foreground: #8a8a8a;
  --accent: #1a1a1a;
  --radius: 9999px;
  --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```

色彩面积配比:背景 #F6F6F7(约 42%) · 面板 #FFFFFF(约 32%) · 正文 #111111(约 12%) · 次要文字 #8A8A8A(约 8%) · 强调 #1A1A1A(约 6%)。背景与面板占绝大部分面积,强调色只用于主按钮与当前激活状态。

## 版式与转化结构

- 首屏版式:标题下方大幅产品界面
- 导航结构:顶部通栏导航
- 明暗与密度:浅色 · 留白多
- 圆角与层级:胶囊;用阴影区分层级
- 主视觉载体:产品界面截图或组件示意
- 转化动作:下载客户端 / 安装插件
- 标题切入点:直接行动指令
- 首屏组件特征:首屏大幅产品界面
- 空间布局拆解:顶栏左右分布标志与安装按钮,中部标题与按钮居中,下方铺开产品截图。
- 视觉特征总结:浅灰底配超大黑色无衬线标题,黑色胶囊按钮居中,下方嵌入圆角浏览器界面截图。

## 避免

- 多种强调色并用
- 渐变背景
- 重阴影

请按上面的设计参数与版式实现界面:颜色只用这些变量,强调色只给主要操作与当前状态。只采用这种风格,禁止复刻任何参考产品的品牌名、标志、文案与图片。

问题与证据

Stylebot 的网站访问量是多少?
Vaneform 估算 2026-09 网站访问量为 34.7K。访问量包含重复访问,付费客户数与收入需分别查看对应证据。来源

同分类研究对象

实用工具 / 浏览器主题与新标签页

这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。

查看「浏览器主题与新标签页」全部产品与定价基准 →