月读 · 夜与昼 — DSH 皮肤插件

Tsukuyomi: Night & Day — a dual-world backdrop skin plugin for the DeepSeek Harness (DSH) Web UI。夜是和风水面，昼是东京日常。

一套纯背景 + 动效的双世界主题皮肤：不附带任何角色立绘，仓库内全部 图形为原创意象化插画。想要立绘？把你自己准备的图片放进 assets/standees/ 文件夹即可启用（见下方「自定义立绘」）。

变体	世界	画面
暗色 dark	月读 · 夜	夜水蓝 × 鸟居朱红 × 月轮金：新月带三层天文轨道环、星座连线、倒悬的全息鸟居、竹苇前景框景、水面数据网格与水灯
亮色 light	东京 · 昼	暖白纸感 Colorido 风：透视电线杆群与束电线、电线上的乌鸦、狐红东京塔、平面积云、公园竹丛、自动贩卖机、逆光叶影与光斑、飘散的音符与樱瓣

两张壁纸都做了远 / 中 / 近三层景深（远景雾化、中景微糊、近景清晰）+ 大气雾带，避免整屏插画与 UI 文字抢焦点。

效果预览

暗色 · 月读（夜）	亮色 · 东京（昼）

预览图是 preview/ 下的界面示意图（SVG，仓库内点开文件可看大图）。 实际效果以安装后为准：壁纸从半透明面板下透出，暗色模式另有流星群 canvas 动效（流星落入水面泛涟漪）。

动效

• 流星群（暗色）：canvas 粒子——多流星随机划过（月轮金/暖白/樱粉/水色）， 落入水面泛起海蛞蝓青涟漪；dt 步进、DPR ≤ 1.5、prefers-reduced-motion 自动停用。
• 亮暗切换时背景交叉淡入淡出；面板全套半透明（scrim 联动），插画从面板下透出。
• --dsw-* 与 --aion-* 两套 token 全量映射（90+ 项）；输入框聚焦月晕；滚动条月轮金。

安装

方式一 · GitHub 一行安装（推荐）

dsh plugin --profile web add 'github:DaydreAmRing/dsh-cho-kaguya-plugin-public'
dsh web

方式二 · 克隆到本地安装

git clone https://github.com/DaydreAmRing/dsh-cho-kaguya-plugin-public.git
dsh plugin --profile web add D:\path\to\dsh-cho-kaguya-plugin-public
dsh web

方式三 · 本地开发模式（link: 联调，改代码刷新即生效）

dsh plugin --profile web add link:D:/path/to/dsh-cho-kaguya-plugin-public

link: 后请用正斜杠（Git Bash 里反斜杠会被转义）；受限环境 junction 建不起来时退回方式二。

三种方式装完都在设置中启用本插件。皮肤互斥：请同时把皮肤中心 （skin-center）的皮肤切回「默认」——两套皮肤同时应用会重复定义 token （本插件自带全套样式）。

⚠️ client-inject 型皮肤在重启 web 后才完全生效，装完建议重启一次。 自定义立绘（见下节）需要本机安装 Node.js。

自定义立绘（可选）

本仓库不含立绘，但立绘槽位是开着的。想加？三步：

1. 准备图片，放进 assets/standees/ 文件夹，按文件名对应槽位：

文件名	槽位
standee-dark.png	夜主题（月读）右下角立绘
standee-light.png	昼主题（东京）右下角立绘
chibi.png	左下角 Q 版吉祥物（会轻轻浮动）

支持 .png / .webp / .jpg；放几个槽位都行，没放图的主题会自动隐藏。 建议用透明背景 PNG（可用 rembg 等工具抠图），高度 1000px 以上、单张 1MB 以内。

找图提示：用你喜欢的动漫角色或原创角色的透明底立绘；注意版权—— 自备素材仅供个人使用，请勿把含第三方版权图片的版本公开再分发。

2. 打开开关：编辑 lib/client.template.js 顶部的 CONFIG， 把 standee（立绘）和/或 chibi（吉祥物）改成 true：

const CONFIG = {
  meteors: true,         /* 流星群（canvas 粒子，仅暗色） */
  standee: false,        /* ← 放了 standee-*.png 就改 true */
  chibi: false,          /* ← 放了 chibi.png 就改 true */
  standeeMaxVh: 42,      /* 立绘最大高度（vh），嫌遮挡就调小 */
  standeeMaxPx: 500,
  dodge: true,           /* 指针靠近立绘时自动淡出让位，不挡输入框 */
  dodgePad: 110,
  dodgeOpacity: 0.1,
};

3. 重新构建（需要 Node.js）：

npm run embed:assets

然后重启 / 刷新 DSH 即可。构建脚本会自动扫描 assets/standees/ 里的全部 图片并内联进 lib/client.js，文件名即资产键（如 my-girl.png → MyGirl）。

从源码构建

lib/client.js 与 lib/art.js 已随仓预构建，不改代码/素材就不用构建； 修改模板或放入图片后运行 npm run embed:assets。

构建脚本内置图片魔数校验（拒绝 JPEG 误存 .png 之类的格式错误）与生成后 语法校验。产物必须保持 window.__ModuleLoader__.load({ id, factory }) 自包含 classic-script 格式——DSH 浏览器端按 classic script 原样加载它、 不解析 import/export，写成 ESM 皮肤会「注册但不生效」。

目录结构

dsh-cho-kaguya-plugin/
├── package.json            # Cordis 插件清单（main: lib/index.js, client: lib/client.js）
├── cordis.patch.yml        # 插入 web 插件名单的补丁
├── skin.json               # 皮肤元信息（名称/预览/强调色）
├── lib/
│   ├── index.js            # 宿主侧入口
│   ├── client.template.js  # ★ 客户端源模板 + CONFIG 开关（改代码改这里）
│   ├── client.js           # 预构建产物（embed:assets 产出，随仓分发）
│   └── art.js              # 预构建产物（data-URI 资源模块，随仓分发）
├── assets/
│   ├── bg-tsukuyomi.svg    # 夜主题壁纸（原创）
│   ├── bg-reality.svg      # 昼主题壁纸（原创）
│   └── standees/           # ← 你的自备立绘放这里（见 README.txt）
├── preview/                # 亮/暗预览图
├── tools/embed-assets.cjs  # 模板 + assets → lib/client.js + lib/art.js
├── LICENSE                 # CC BY-NC-SA 4.0
└── NOTICE                  # 素材与商标声明

与《超时空辉夜姬！》的关系

双世界意象取自 Netflix 动画电影《超时空辉夜姬！》（Studio Colorido，2026） ——夜水面上的鸟居、水灯与月轮，白天的电线杆与街景。除此之外本仓库不含 任何电影角色或官方素材，全部图形为原创意象化绘制；项目非官方、非商业， 详见 NOTICE。

更新日志

• v0.6.2：公开首发。三层景深双背景 ；流星群 canvas 粒子化
  • 落水涟漪；立绘槽位通用化（assets/standees/ 自动扫描，仓库不附带图片）。
• v0.5.x：双背景体系、立绘防遮挡让位机制、模板构建流水线（魔数/语法双重校验）。

已知限制

• DSH 处于开发者预览期（rc.x），token 与语义属性若随版本演进，以官方契约为准微调。
• 流星群仅在暗色主题渲染（亮色主题停帧清场）。
• 自定义立绘需本机安装 Node.js 才能重新构建。

License

代码与原创素材以 CC BY-NC-SA 4.0 发布（见 LICENSE）。 《超时空辉夜姬！》名称与角色归其原权利方所有，本项目为非官方粉丝创作， 与其无任何附属关系（见 NOTICE）。