beforeold blog · Claude Styled 2026-10-24 · 公开版 1.2.0
本地视觉改造 · 已开源

把每天使用的 AI 工具,调成自己喜欢的样子。

从一次“文字看着不太舒服”,到可重启、可验证、可审计,也可以公开分享的 Claude Desktop 本地主题。

隐私与归属:本文不包含个人身份、私有项目或仓库、真实会话内容及凭证;公开仓库信息除外。界面均为脱敏重建。Claude Styled 不是 Anthropic 官方项目,Claude 与 ChatGPT 均为各自权利人的商标。
01 / 起点

它开始于一个很具体的问题

在讨论 Codex 皮肤插件时,我们了解到桌面应用中的网页界面可以借助 CDP,也就是 Chrome DevTools Protocol,进行检查和临时调整。于是自然产生了一个问题:

能不能把 Claude Desktop 的文字排版改得更像 ChatGPT,更适合长时间阅读?

目标很克制:放大正文、舒展行距、收窄长文本、统一深色背景,并让变化在重启后仍然存在。

长时间阅读时,文字的大小、行距和内容宽度会直接影响注意力。

当时版本的默认正文比较紧凑,内容区域也更宽。

默认排版

长时间阅读时,文字的大小、行距和内容宽度会直接影响注意力。

Styled 将正文收窄,并留出更舒展的行距。

Claude Styled
基于真实界面结构制作的脱敏重建,不包含真实账号、项目或会话。
02 / 转折

一次误判,重新定义了“完成”

第一次临时注入很快成功,但重启后样式消失。早期启动器虽然带着扩展参数启动,截图复核却显示界面没有真正变化。

临时成功

字号、行距和背景首次变成预期效果。

重启失效

关闭并重新打开后,一切恢复原样。

参数不等于结果

进程参数存在,但扩展实际上没有加载。

建立硬验收

冷启动、计算样式、截图与端口状态一起确认最终结果。

03 / 结果

阅读体验先变好,再加入自己的氛围

项目当时版本的默认界面Claude Styled 1.2.0
正文字号14 px16 px
行高20 px约 26 px
消息区域较宽最大 640 px
深色内容背景rgb(13, 13, 13)纯黑 #000

当前版本还调整了标题、列表、引用与行内代码,并隐藏仓库与 Pull Request 控件。

雨天

全屏低对比雨滴,页面底部逐渐淡出。

雪天

缓慢漂落的雪粒,不接收鼠标事件。

每次载入随机呈现雨天或雪天。它不是实时天气功能,也不请求天气服务;系统启用“减少动态效果”时,氛围层自动隐藏。

04 / 方式

官方应用仍是官方应用

打开启动器从 Claude Styled.app 进入
准备视觉文件排版、背景和轻量动效
启动官方 Claude不替换应用包体
显示 Styled 界面重启后仍可恢复

启动器不会修改 /Applications/Claude.app 包体,但会在当前用户的 Claude 应用数据目录放置三个本地扩展文件。若直接打开原版 Claude,则不会加载这些样式。

05 / 开源

现在,任何人都可以检查它

Claude Styled 1.2.0 已使用 MIT 许可证公开。首版只分发源码,不直接发布这台电脑生成的临时签名 .app;使用者在本机完成构建。

扫码查看公开项目

  • 移除个人路径、个人 Bundle ID 和运行状态
  • 使用原创项目图标
  • 包含安装、完整卸载和验证脚本
  • GitHub CI 已通过
github.com/beforeold/claude-styled
Claude Styled 公开仓库二维码
指向公开仓库,无跟踪跳转
git clone https://github.com/beforeold/claude-styled.git
cd claude-styled
make install
open "$HOME/Applications/Claude Styled.app"

要求:macOS 13 或更高版本,并已将官方 Claude Desktop 安装在 /Applications/Claude.app。源码版本为 v1.2.0。

06 / 边界

低风险不等于零风险

当前代码做了什么

没有后台脚本、额外权限、遥测或主动网络请求。weather.js 只创建视觉元素,不读取或上传聊天内容。

仍然需要知道什么

内容脚本技术上运行在已登录页面中;项目依赖未公开启动入口,Claude 更新后可能失效。

这不是 Anthropic 官方支持的扩展机制。当前代码不涉及账号操作,但无法代替使用者判断兼容性和服务条款风险,也不承诺绝对不存在账号风险。

07 / 演示

下午分享,控制在 6~8 分钟

  1. 30 秒讲起点从 Codex 皮肤讨论,讲到 Claude 的长文本阅读。
  2. 2 分钟看对比用同一段脱敏文字展示字号、行距、宽度和背景。
  3. 1 分钟讲转折解释“参数存在但实际没生效”的误判。
  4. 1 分钟看重启完全退出,再从 Claude Styled 启动。
  5. 1 分钟看氛围展示雨雪视觉和“减少动态效果”。
  6. 1 分钟讲开源展示二维码,让有需要的人现场查看源码。