claude-skins
给 Claude Code 换皮肤:工具行、diff、表格和代码都画成卡片。
> 给订单列表加上分页
⏺ 我先看看列表组件。
◇ Read src/app.ts 0.2s
┌ src/app.ts +4 −1 ───────────────────┐
│ 12 − const limit = 10 │
ctx ▰▰▰▰▱▱ 62% 5h ▰▰▱▱▱▱ 31% [ Compact ]
❯
示意。实际效果取决于 Mod、终端和运行环境。
安装
/plugin marketplace add hellosverre/claude-skins
/plugin install skins@hellosverre-mods
/reload-plugins在 Claude Code 会话里逐行执行这些命令。
claude plugin marketplace add hellosverre/claude-skins
claude plugin install skins@hellosverre-mods然后在会话里执行 /reload-plugins,或开一个新会话。
请帮我安装 Claude Code Mod「claude-skins」(https://github.com/hellosverre/claude-skins)。安装前先阅读仓库 README 的 Security 和 Requirements 部分,告诉我它会读写哪些内容、运行什么命令、是否联网,以及对 Claude Code 版本、系统和终端的要求。确认没有问题后,运行 claude plugin marketplace add hellosverre/claude-skins 和 claude plugin install skins@hellosverre-mods 完成安装,最后提醒我在会话里执行 /reload-plugins。把这段话发给 Claude Code,它会先读原作者说明再安装。
git clone https://github.com/hellosverre/claude-skins
cd claude-skins
claude --plugin-dir .克隆仓库后用 --plugin-dir 在本地会话中试用。
它会碰什么
据原作者说明,收录时核对;可用 claude plugin validate 自行检查。
读取
有读取会话目录、上下文与套餐用量和主题设置。
写入文件
有皮肤设置保存在 mod store,跨会话保留。
运行命令
无联网
无介绍
claude-skins 是重画对话的 Mod:把工具调用画成带图标和耗时的行,编辑画成 diff 卡片,表格和代码画成带动画的卡片,shell 输出放进终端卡片,并在输入框上方放一条显示上下文与套餐限额的横条,带 Compact 按钮。
- 7 套皮肤,浅色、深色都有,默认是黑白的 noir
/skin打开设置页,可预览、切换并重新配色;/skin gallery列出它画的每个元素- Mod 给 Claude 注册了一个
design工具,可以说「做一套像日落的皮肤」让它边做边应用 - 桌面端效果最完整;终端里编辑和 shell 输出保留 Claude Code 自己的画法
作者说明它只改画法,不改存储的对话和模型读到的内容;会读取会话目录、上下文与套餐用量和主题设置,把设置存进 mod store;不启动进程、不碰文件、不发网络请求;只有按下 Compact 才压缩,按下 Copy 才复制。需要 Claude Code 2.1.287+,终端或桌面端 Code tab。本站未实测,预览为示意。
适合谁
- 想让 Claude Code 界面更现代、更好看的人
- 想让 Claude 帮自己设计配色的人
运行要求
- Claude Code ≥ 2.1.287
- 终端或桌面端 Code tab;桌面端效果最完整。