跳到正文
ccmods.app

skins

重绘 Claude Code 对话界面:工具调用、diff、表格、代码和 Mermaid 图表变为卡片,提供 15 套 skin。

作者 @hellosverre104更新于 广泛访问GitHub

安装

  1. 在终端执行(提示添加 marketplace 时输入 y)

    $ claude plugin install skins --marketplace hellosverre/claude-skins

已在会话中?在 Claude Code 输入框里输入:

$ /plugin install skins --marketplace hellosverre/claude-skins

选择作用域后立即生效。需要 Claude Code 2.1.287 或更高版本,在终端执行。完整安装指南

skins 运行截图
图片来自项目 README

skins 能做什么?

  • /skin 在 noir、tokyo-night、dracula、gruvbox 等十五套 skin 间切换
  • 工具调用带图标和耗时,编辑显示为 diff 卡片,表格和代码显示为卡片
  • 将 mermaid 代码块渲染为图表,数学公式渲染为排版卡片
  • prompt 上方显示 context 与 plan 额度指示及 Compact 按钮
  • 让 Claude 设计一套 skin,它会通过 design 工具生成并应用

需要什么?

  • Claude Code 2.1.287 或更高版本(终端)

这个 mod 能访问什么?

以下内容由 claude plugin validate 在 Claude Code 2.1.296 上读取 mod 代码得出(同步于 2026年10月12日)。这是能力清单,不是安全审计;mod 以你的权限运行,请只安装可信作者的 mod。

广泛访问
  • 在你的机器上运行程序
  • 发起网络请求
  • 拦截或改写工具调用
  • 读取或改写你的提示词
  • 读取文件
  • 读取环境变量或设置
Hook 与接口调用 (26 + 24)

hooks

  • classic.SessionStart{source=clear|resume|fork}
  • command.run{command=skin}
  • config.set
  • engine.create
  • prompt.compose
  • session.append
  • session.measure
  • session.start
  • skins.markdown
  • tool.call
  • tool.call{tool=/"^mcp__skins__design$"/}
  • turn.complete
  • turn.start
  • ui.invalidate
  • ui.render{component=AbovePrompt}
  • ui.render{component=AskUserQuestion}
  • ui.render{component=AssistantMessage}
  • ui.render{component=CommandOutput}
  • ui.render{component=Pane, requestId=skins-gallery}
  • ui.render{component=Pane, requestId=skins-settings}
  • ui.render{component=Spinner}
  • ui.render{component=ToolGroup}
  • ui.render{component=ToolResult}
  • ui.render{component=ToolUse}
  • ui.render{component=TurnDuration}
  • ui.render{component=UserMessage}

calls

  • $.clock.after
  • $.clock.every
  • $.clock.now
  • $.clock.sleep
  • $.command.register
  • $.command.run
  • $.config.list
  • $.env.get
  • $.fs.read
  • $.http.fetch
  • $.process.run
  • $.session.cwd
  • $.session.id
  • $.session.usage
  • $.state.get
  • $.state.set
  • $.store.get
  • $.store.set
  • $.tool.register
  • $.ui.copy
  • $.ui.log
  • $.ui.open
  • $.ui.resolve
  • $.ui.toast

怎样卸载 skins?

$ claude plugin uninstall skins

只想暂时关闭:claude plugin disable 加同一个名称。

human-in-the-loop

tzafrir/human-in-the-loop

22

Claude 把只有你能做的事分派成任务,在 My tasks pane 中等待你处理,答复回传给 Claude。

界面提示词工具调用广泛访问
$ claude plugin install human-in-the-loop --marketplace tzafrir/human-in-the-loop

cc-pr-tracker

sezaakgun/cc-pr-tracker

5

在 Claude Code 中盯 GitHub PR 状态,check 或合并状态变化时提醒你和 Claude。

界面提示词工具调用广泛访问
$ claude plugin install cc-pr-tracker --marketplace sezaakgun/cc-pr-tracker

replay-theater

anthropics/claude-code-playground

210

记录上一轮 Claude 的文件编辑,在 pane 中逐条回放每个 diff。

Anthropic 官方样例界面工具调用命令中等访问
$ claude plugin install replay-theater --marketplace ./claude-code-playground/claude-code/mods