插件目录 / UI & Skins / dsh-client-ui-skin-claude
dsh-client-ui-skin-claude
已验证 · 实测可装 PAKIKNOWLEDGE
功能简介
Claude风格皮肤:暖黑画布、粘土色、衬线UI
可用 — 实测通过,早期项目
Claude风格皮肤:暖黑画布、粘土色、衬线UI 实测能干净安装、正常启动。早期项目,但功能可用。
「已验证」表示我们的自动化 CI 在干净 profile 里实际执行了 dsh plugin add 并启动成功——仅此而已。功能描述与版本兼容性均为作者声明。这不是安全审计,也不代表对第三方代码的背书。
README
dsh-client-ui-skin-claude
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 几秒内热加载,刷新页面生效。
卸载
- 删除
~/.dsh/cordis.patch.yml里的ui-skin-claudeinsert 行 dsh plugin --profile web remove @pakiknowledge/dsh-client-ui-skin-claude- 重启
dsh web
许可
MIT
安装
装一次目录插件,之后本站所有插件都能让 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。