渲染出现在 · 对话内 / 横条收录

claude-skins

给 Claude Code 换皮肤:工具行、diff、表格和代码都画成卡片。

claude-skins · 效果预览 · 示意示意
> 给订单列表加上分页
⏺ 我先看看列表组件。
◇ 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 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;桌面端效果最完整。