@dsh-external/dsh-client-ui-skin-doro
适用于 dsh Web GUI 的 Doro 主题可热插拔皮肤：采用粉色和橙色强调色，并配有橙色图案占位艺术图。仅限个人使用的粉丝主题——通过 src/client/art.ts 替换为你自己的 Doro 艺术图。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:Baizhuojielan/dsh-doro#c4fdfce67701572a870479bd80b6201de7533614
Client Ui Skin Doro 以 @dsh-external/dsh-client-ui-skin-doro 发布，当前版本为 0.1.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
面向 DeepSeek Harness WebGUI 的 Doro 主题皮肤插件（粉丝向，个人/非商用）。
| 亮色 | 暗色 |
|---|---|
| light | dark |
一套纯展示层皮肤插件：全屏背景、左右下角立绘（自动贴合侧栏与窗口宽度、不挡聊天文字）、 粉橙主题色、自定义 favicon。可热切换、不注入服务、不发 Cordis 事件、不触达模型请求。
Doro 是 NIKKE（Shift Up）的版权角色。本仓库是粉丝向非商用作品，素材为 AI 生成 + 自整理的粉丝图，发布行为由仓库所有者自行负责。
# 方式一：git 仓库（推荐）
dsh plugin --profile web add github:<你的用户名>/dsh-doro
# 方式二：本地开发
git clone <repo-url> dsh-doro
cd dsh-doro
pnpm install
pnpm build # 产出 lib/index.js + lib/client.js
dsh plugin --profile web add <dsh-doro 绝对路径>
然后重启 dsh web 生效；之后切换皮肤走配置热重载（见下）。
编辑两个 patch 层（home 层覆盖 profile 层）：
~/.dsh/cordis.patch.yml~/.dsh/profiles/web/cordis.patch.yml- id: ui-skin-doro
disabled: false
- id: ui-skin-maid-atelier
disabled: true
- id: ui-skin-orca-link
disabled: true
patch 里没列出的皮肤默认启用，所以同一时间必须显式停用其余每一套。保存即热重载， 刷新页面即可。
每次 agent 完成一轮回复（工作中指示消失）会自动播放提示音：
chime.mp3（也支持 wav/ogg/m4a）放进
assets/，然后：
node scripts/build-art.mjs # 内嵌 assets/chime.* → DORO_CHIME
pnpm build
localStorage['dsh-doro:chime-muted'] = '1'，恢复设 '0'。实现：监听会话的"工作中"指示（role="status" + "Deep diving" 文本）从挂载到消失的
边沿；音频在首次点击/按键时预热（浏览器自动播放策略），之后可靠触发。
assets/。scripts/build-art.mjs 里的角色映射（哪张做背景、左/右立绘、favicon）。node scripts/build-art.mjs # 重生成 src/client/doro-art.generated.ts（ffmpeg → WebP data URI）
pnpm build
素材槽位：
| 常量 | 用途 |
|---|---|
DORO_BACKDROP | 全屏背景（建议宽幅构图，低透明度 + 渐变遮罩保证可读性） |
DORO_CHAR_LEFT | 左下角立绘（宽度受限贴合留白区、自动避开侧栏；窄窗口自动隐藏，不挡聊天文字） |
DORO_CHAR_RIGHT | 右下角立绘（同上；窗口 <1400px 自动隐藏） |
DORO_MASCOT | 预留槽位：当前默认不渲染（曾经底部居中的吉祥物会压住 hero 提示文字，已移除）。想用回它需要同时改 src/client/index.ts 与 CSS |
DORO_FAVICON | 浏览器标签图标（从吉祥物图中心裁剪生成） |
立绘尺寸调节：改 src/client/doro.style.ts 里 [data-doro-character='left'] /
'right' 的 width: clamp(...) 与媒体查询断点即可（方图按宽度×宽度渲染）。
想加更多装饰层（侧栏挂件、标题栏装饰等）：仿照 maid-atelier 在 apply()
里追加 data-skin-chrome 舞台层（position: fixed; inset: 0; z-index: 0/1; pointer-events: none; contain: strict）。
pnpm install
pnpm build
产物契约与官方皮肤一致：lib/client.js 是闭包工厂
（window.__ModuleLoader__.load({ id, factory })），平台模块走加载器模块表。
lib/ 已随仓库分发（预构建），克隆后可直接安装使用，无需本地构建。
CC BY-NC-SA 4.0（署名-非商业性使用-相同方式共享）。详见 LICENSE。