跳到正文
  • 首页
  • 插件说明
  • dsh-client-ui-skin-claude

PAKIKNOWLEDGE/dsh-client-ui-skin-claude

50最近提交 2026年8月15日

dsh-client-ui-skin-claude DSH 插件

该插件将 DSH Web 界面替换为 Claude 风格主题。采用暖黑（#141413）画布、Anthropic 陶橙（#d97757）点缀、衬线界面字体，并支持亮/暗双主题自动跟随系统切换。包含细滚动条、陶橙选中/焦点样式以及胶囊徽章。

ui-productivity

如何安装 dsh-client-ui-skin-claude DSH 插件

dsh plugin --profile web add @pakiknowledge/dsh-client-ui-skin-claude

复制不会执行命令。安装 dsh-client-ui-skin-claude DSH 插件前请核对仓库和版本。

dsh-client-ui-skin-claude DSH 插件数据来源

dsh-client-ui-skin-claude DSH 插件快照日期：2026年8月16日

discovered

dsh-client-ui-skin-claude DSH 插件能做什么

  • 暖黑（#141413）画布背景替代默认主题
  • Anthropic 陶橙（#d97757）作为 UI 强调色
  • 衬线字体（Georgia）作为界面字体，代码使用等宽字体栈
  • 细滚动条匹配主题风格
  • 陶橙色的选中和焦点指示器
  • 胶囊形状的徽章样式
  • 亮/暗双主题，随系统设置自动切换

dsh-client-ui-skin-claude DSH 插件适合哪些场景

  • 让 DSH Web 界面拥有 Claude 风格的视觉外观
  • 通过衬线字体提升界面标签的可读性
  • 在夜间使用暖黑主题减少视觉疲劳
  • 将 DSH 环境与 Anthropic 设计语言保持一致
  • 无需重新构建即可快速切换不同的 DSH UI 皮肤

dsh-client-ui-skin-claude DSH 插件适合谁

  • 偏好 Claude 风格美学的 DSH 用户
  • 经常使用 DSH Web 界面并希望个性化外观的开发者与运维人员

dsh-client-ui-skin-claude DSH 插件的限制

  • 仅适用于 DSH Web 界面（dsh web），不适用 CLI 或其他集成方式
  • 切换皮肤需要手动编辑 ~/.dsh/cordis.patch.yml 并重启 dsh web
  • 同一时刻只能启用一个皮肤插件

dsh-client-ui-skin-claude DSH 插件的仓库 README 摘录

以下文字摘自 dsh-client-ui-skin-claude DSH 插件的上游仓库 PAKIKNOWLEDGE/dsh-client-ui-skin-claude 的 README，版权归原作者，仅作引用。

Claude 风格的 DSH Web 界面皮肤：暖黑画布、陶橙点缀、衬线 UI，跟随原生亮/暗主题。 ![暗色](docs/dark.png) · ![亮色](docs/light.png) ## 特性 - 暖黑（#141413）画布 + Anthropic 陶橙（#d97757）点缀 - 衬线界面字体（Georgia），代码用等宽栈 - 细滚动条、陶橙选中 / 焦点、胶囊徽章 - 亮 / 暗双主题，跟随系统切换 ## 安装 从 npm 安装（推荐，预构建免授权）： ```sh dsh plugin --profile web add @pakiknowledge/dsh-client-ui-skin-claude ``` 或从 GitHub 安装： ```sh dsh plugin --profile web add github:PAKIKNOWLEDGE/dsh-client-ui-skin-claude ``` 装完重启 `dsh web`，刷新页面。 ## 切换 同一时刻只启用一个皮肤。编辑 `~/.dsh/cordis.patch.yml`： ```yaml # dsh-skin managed 段之外 - insert: - id: ui-skin-claude name: '@pakiknowledge/dsh-client-ui-skin-claude' ``` （并把当前启用皮肤的 `disabled: true` 加上。）配置 watcher 几秒内热加载，刷新页面生效。 ## 卸载 1. 删除 `~/.dsh/cordis.patch.yml` 里的 `ui-skin-claude` insert 行 2. `dsh plugin --profile web remove @pakiknowledge/dsh-client-ui-skin-claude` 3. 重启 `dsh web` ## 许可 MIT

阅读完整 README仓库未声明许可，使用前请先与作者确认。

dsh-client-ui-skin-claude DSH 插件常见问题

如何安装这个 Claude 皮肤插件？

在终端中运行 `dsh plugin --profile web add @pakiknowledge/dsh-client-ui-skin-claude` 即可。或者从 GitHub 安装：`dsh plugin --profile web add github:PAKIKNOWLEDGE/dsh-client-ui-skin-claude`。安装完成后重启 `dsh web` 并刷新浏览器页面。

如果我已经启用了其他皮肤，如何切换到这个皮肤？

编辑 `~/.dsh/cordis.patch.yml` 文件，在 `dsh-skin managed` 段之外添加该皮肤的 insert 块，并将当前启用皮肤的配置设为 `disabled: true`。配置 watcher 会在几秒内热加载，然后刷新页面即可。

这个皮肤能和其他 DSH 插件一起使用吗？

可以，它只影响 Web 界面的外观，不会干扰其他 DSH 插件（如工具、技能、工作流等）。但同一时刻只能启用一个皮肤插件。

这个皮肤支持自定义颜色吗？

当前版本没有内置自定义选项，颜色是固定的（暖黑 #141413、陶橙 #d97757）。如果需要修改，需要自行修改源码。

如何彻底卸载这个皮肤？

首先从 `~/.dsh/cordis.patch.yml` 中移除 `ui-skin-claude` 的 insert 行，然后运行 `dsh plugin --profile web remove @pakiknowledge/dsh-client-ui-skin-claude`，最后重启 `dsh web`。