@smalltailqwq/dsh-client-ui-skin-orca-link
v0.1.3
Published
Hot-pluggable ORCA LINK skin for the dsh web GUI: pearl-white technical glass, graphite mechanics, and electric-blue signal accents
Readme
orca-link · ORCA LINK 虎鲸链路
DeepSeek Harness Web GUI 的黑白机械链路皮肤:珍珠白机械舱、虎鲸娘角色与电蓝链路信号。纯展示层客户端插件——整套 UI 执行全局直角契约(按钮、输入框、卡片、菜单、弹窗、提示、标签、头像、滚动条及伪元素统一归零圆角,状态信号与 favicon 正方形化),官方图标库全部图形在运行时重绘为仅由水平线、垂直线、45 度折线与实心方块构成的直线图形;共有四组 16:9 场景:亮色为白色机械舱(角色站立挥手,任务开始后交叉淡化为捧起平板查看的工作姿态),暗色为夜间书房(角色坐在沙发椅上捧热饮,任务开始后交叉淡化为翻开书本阅读),两组房间各自区分空态与工作态;侧边栏顶部常驻面向会话区的状态角色(待机/同步/工作/授权/输入/审阅/完成/失败/离线/就绪,透明 WebP 图集内嵌);侧栏词标旁常驻 LINK ACTIVE 方形信号点与峰谷定价红绿灯(北京时间)。apply() 设置 data-dsh-orca-link 作用域并管理可回收装饰层、动效监听、图标重绘层、页面图标(favicon 与 Web App manifest 的图标同用皮肤 web icon)和标题;effect 销毁器还原全部 CSS/DOM 写入;不注入服务、不发出 Cordis 事件、不触达模型请求。
特性
- 全局直角契约:圆角归零、状态信号与 favicon 正方形化
- 页面图标:替换宿主 head 的
link[rel="icon"]与link[rel="manifest"],标签页与安装为 Web App 后的任务栏/开始菜单图标同用皮肤 SVG web icon,卸载按原位置还原 - 运行时图标重绘:命中宿主 SVG 仅隐藏原图形并追加直线图形层,卸载即整体还原
- 亮/暗各一对空态/工作态 16:9 场景(亮色白色机械舱、暗色夜间书房),640ms 交叉淡化,素材以数据 URI 内嵌于 client bundle
- 左上角状态角色:十状态、多帧连续动作,直接复用 LINK 状态推导
- 峰谷定价红绿灯:按北京时间实时显色,工作日高峰前 20 分钟黄灯预警、整点即转红,周末全天按低谷价亮绿,展开侧栏可悬浮查看详情卡(中英双语,语言热切换)
- 移动端自动隐藏大幅场景与舞台装饰
第三方插件的侧栏入口
展开态下皮肤会把侧栏顶部让给角色舞台,因此需要插件按下面任一种形态注入入口,入口才会被当作侧栏条目处理(抬到舞台之上、下移到舞台下沿的控制行、并让出树区边距):
- 入口本身就是侧栏根的直接子
button,并带data-dsh-part="sidebar-entry"; - 入口挂在插件自己的 portal 宿主上:宿主为侧栏根的直接子元素并带
data-plugin-entry(值用插件 id,如data-plugin-entry="@scope/name"),按钮放在宿主内部即可,不必复制宿主按钮的类名。
两种形态之外的直接子 button 会被当作宿主原生控件(宽态下隐藏内容、保留热区);位于插件宿主的按钮则完全不受接管。
安装
若已安装
@linxin666/dsh-web-all(dsh-web),请从 dsh-web 自带的皮肤中心/安装入口安装其适配版maid-atelier与orca-link,不要执行下面的 standalone 安装命令。两种发行方式的组件与样式契约不同,不能在同一 profile 中叠装。
推荐连同皮肤管理器一起,从 npm 安装稳定版:
dsh plugin --profile web add '@smalltailqwq/dsh-client-ui-skin-deep-whale-manager' && dsh plugin --profile web add '@smalltailqwq/dsh-client-ui-skin-orca-link'PowerShell 版本见仓库 README。未指定 dist-tag 时 npm 使用 latest。首次安装后重启一次 DSH,然后在“设置 → 皮肤管理”中选择“虎鲸链路”;之后切换走配置热重载。独立子包 link 仅用于本地开发。
加载即生效、卸载即复原(与皮肤中心/dsh-skin 的互斥切换兼容,wiring.id 为 ui-skin-orca-link)。
素材来源与许可
本皮肤代码采用 MIT;全部美术资源(包括 AI 生成及加工的图片)禁止商业性使用,保留相应权利人的版权及既有 CC BY-NC-SA 4.0 授权(署名、非商业、相同方式共享)。内嵌于代码或构建产物中的图片同样遵守美术许可。
皮肤素材为衍生创作,署名链(详见 NOTICE):
- 一创 上善(Pixiv · Bilibili:上善无形)—— 鲸鱼娘角色形象原作者
- 二创(本皮肤)Small-tailqwq —— 基于上善原作角色身份的 ORCA LINK 皮肤场景、状态角色图集与 UI 素材衍生设计
许可范围与 MIT 正文见 LICENSE,美术许可正文见 LICENSE-ARTWORK,署名链见 NOTICE。
开发与构建
皮肤工程脚手架(目录模板、tsdown.client.ts 构建预设、dsh-skin-new 脚手架、皮肤中心与切换脚本)来自 zhu1090093659/dsh-web-ui——本仓库只分发皮肤成品(含预构建 lib/),不包含脚手架。开发构建请在该仓库的 packages/skins/orca-link/ 目录进行:
cd <dsh-web-ui>/packages/skins/orca-link
pnpm build # tsdown 构建 lib/
pnpm test # vitest 行为测试构建产物 lib/ 提交回本仓库即完成一次皮肤更新。
许可
许可范围与 MIT 正文见 LICENSE,美术许可正文见 LICENSE-ARTWORK,署名链见 NOTICE。
