dshbase

插件目录 / UI & Skins / dsh-client-ui-skin-claude

dsh-client-ui-skin-claude

已验证 · 实测可装 PAKIKNOWLEDGE

✓ 持续维护 3 位贡献者 基于 1 个官方 DSH 包

查看 GitHub ↗ ← 返回插件目录

11Stars
2Forks
1未关闭 issue
JavaScript语言
2026-09-01最近推送
跨平台平台

功能简介

Claude风格皮肤:暖黑画布、粘土色、衬线UI

✅
我们的评价
可用 — 实测通过,早期项目

Claude风格皮肤:暖黑画布、粘土色、衬线UI 实测能干净安装、正常启动。早期项目,但功能可用。

「已验证」表示我们的自动化 CI 在干净 profile 里实际执行了 dsh plugin add 并启动成功——仅此而已。功能描述与版本兼容性均为作者声明。这不是安全审计,也不代表对第三方代码的背书。

README

dsh-client-ui-skin-claude

awesome · DSH plugin English | 中文

Claude 风格的 DSH Web 界面皮肤:暖黑画布、陶橙点缀,内置 Anthropic 字体切换,跟随原生亮/暗主题。

暗色 · 亮色

特性

  • 暖黑(#141413)画布 + Anthropic 陶橙(#d97757)点缀
  • 字体模式:
    • Anthropic 原生(默认):UI 用 Anthropic Sans,对话正文用 Anthropic Serif,代码用 Anthropic Mono
    • 皮肤衬线:保留原来的衬线 UI 风格
    • 系统默认:不覆盖 DSH 字体
  • 细滚动条、陶橙选中 / 焦点、胶囊徽章
  • 亮 / 暗双主题,跟随系统切换

字体

重要:npm 包不随包分发字体文件。 字体文件放在仓库 fonts/ 供下载;安装后刷新 / 重启 web 才会生效。

字体 用途 文件
Anthropic Sans Web Text 界面 / UI fonts/AnthropicSansWebText.ttf
Anthropic Serif Web Text 对话正文 / Markdown fonts/AnthropicSerifWebText.ttf
Anthropic Mono Variable 代码 / 代码块 fonts/AnthropicMonoVariable.ttf

安装:Windows 双击 .ttf → 「安装」;macOS 用「字体册」导入。安装后刷新页面生效。

字体版权归 Anthropic 所有,仅供个人使用,不适用 MIT 许可(详见 LICENSE 字体声明)。

安装

从 npm 安装(推荐,预构建免授权):

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,刷新页面。

切换字体

打开 设置 → 常规 → 字体风格:

  • Anthropic 原生(默认):Sans UI / Serif 正文 / Mono 代码
  • 皮肤衬线:Georgia 等衬线 UI
  • 系统默认:保持 DSH 默认字体

选择立即生效,并保存在浏览器 localStorage。

如果之前单独安装过 dsh-anthropic-fonts,建议先卸载,避免两套字体变量互相覆盖。

切换皮肤

同一时刻只启用一个皮肤。编辑 ~/.dsh/cordis.patch.yml:

# 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

安装

🧩 让 Agent 自动装(推荐)

装一次目录插件,之后本站所有插件都能让 DeepSeek Harness 自动找、自动装:

dsh plugin add dshbase-catalog

然后对 agent 说「帮我装 dsh-client-ui-skin-claude」,它会在目录里找到并自动安装。文档:dshbase-catalog · 已验证场景包。

该插件是 GitHub 源码(未发 npm)——直接从仓库装:

Web profile:

dsh plugin --profile web add github:PAKIKNOWLEDGE/dsh-client-ui-skin-claude

Headless(CLI)profile:

dsh plugin --profile headless add github:PAKIKNOWLEDGE/dsh-client-ui-skin-claude

实测报告

验证通过:从 GitHub 源码完成 L1 安装 + L2 加载 + L3 运行(dsh 0.1.0-rc.6)。

使用场景

改变 dsh 的外观或交互方式——一套主题、皮肤或新面板,重塑工作区。

适合谁

在 web UI 里一待几小时、想让它按自己的习惯好看又好用的人。

二次开发建议

皮肤、面板和主题 token 是扩展点——写新皮肤、加面板,或与上游配色同步 token。

安全:尚未扫描——我们的每日静态扫描将很快覆盖它。

分享徽章

UI & Skins 里更多

浏览全部 7797 个插件 →