把每天使用的 AI 工具,调成自己喜欢的样子。
从一次“文字看着不太舒服”,到可重启、可验证、可审计,也可以公开分享的 Claude Desktop 本地主题。
它开始于一个很具体的问题
在讨论 Codex 皮肤插件时,我们了解到桌面应用中的网页界面可以借助 CDP,也就是 Chrome DevTools Protocol,进行检查和临时调整。于是自然产生了一个问题:
能不能把 Claude Desktop 的文字排版改得更像 ChatGPT,更适合长时间阅读?
目标很克制:放大正文、舒展行距、收窄长文本、统一深色背景,并让变化在重启后仍然存在。
一次误判,重新定义了“完成”
第一次临时注入很快成功,但重启后样式消失。早期启动器虽然带着扩展参数启动,截图复核却显示界面没有真正变化。
临时成功
字号、行距和背景首次变成预期效果。
重启失效
关闭并重新打开后,一切恢复原样。
参数不等于结果
进程参数存在,但扩展实际上没有加载。
建立硬验收
冷启动、计算样式、截图与端口状态一起确认最终结果。
阅读体验先变好,再加入自己的氛围
| 项目 | 当时版本的默认界面 | Claude Styled 1.2.0 |
|---|---|---|
| 正文字号 | 14 px | 16 px |
| 行高 | 20 px | 约 26 px |
| 消息区域 | 较宽 | 最大 640 px |
| 深色内容背景 | rgb(13, 13, 13) | 纯黑 #000 |
当前版本还调整了标题、列表、引用与行内代码,并隐藏仓库与 Pull Request 控件。
雨天
全屏低对比雨滴,页面底部逐渐淡出。
雪天
缓慢漂落的雪粒,不接收鼠标事件。
每次载入随机呈现雨天或雪天。它不是实时天气功能,也不请求天气服务;系统启用“减少动态效果”时,氛围层自动隐藏。
官方应用仍是官方应用
启动器不会修改 /Applications/Claude.app 包体,但会在当前用户的 Claude 应用数据目录放置三个本地扩展文件。若直接打开原版 Claude,则不会加载这些样式。
现在,任何人都可以检查它
Claude Styled 1.2.0 已使用 MIT 许可证公开。首版只分发源码,不直接发布这台电脑生成的临时签名 .app;使用者在本机完成构建。
扫码查看公开项目
- 移除个人路径、个人 Bundle ID 和运行状态
- 使用原创项目图标
- 包含安装、完整卸载和验证脚本
- GitHub CI 已通过
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。
低风险不等于零风险
当前代码做了什么
没有后台脚本、额外权限、遥测或主动网络请求。weather.js 只创建视觉元素,不读取或上传聊天内容。
仍然需要知道什么
内容脚本技术上运行在已登录页面中;项目依赖未公开启动入口,Claude 更新后可能失效。
这不是 Anthropic 官方支持的扩展机制。当前代码不涉及账号操作,但无法代替使用者判断兼容性和服务条款风险,也不承诺绝对不存在账号风险。
下午分享,控制在 6~8 分钟
- 30 秒讲起点从 Codex 皮肤讨论,讲到 Claude 的长文本阅读。
- 2 分钟看对比用同一段脱敏文字展示字号、行距、宽度和背景。
- 1 分钟讲转折解释“参数存在但实际没生效”的误判。
- 1 分钟看重启完全退出,再从 Claude Styled 启动。
- 1 分钟看氛围展示雨雪视觉和“减少动态效果”。
- 1 分钟讲开源展示二维码,让有需要的人现场查看源码。