npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@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-atelierorca-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.idui-skin-orca-link)。

素材来源与许可

本皮肤代码采用 MIT;全部美术资源(包括 AI 生成及加工的图片)禁止商业性使用,保留相应权利人的版权及既有 CC BY-NC-SA 4.0 授权(署名、非商业、相同方式共享)。内嵌于代码或构建产物中的图片同样遵守美术许可。

皮肤素材为衍生创作,署名链(详见 NOTICE):

  1. 一创 上善Pixiv · Bilibili:上善无形)—— 鲸鱼娘角色形象原作者
  2. 二创(本皮肤)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