touhou-hakurei · 灵梦美化包：博丽神社（东方Project 主题皮肤）

DeepSeek Harness Web GUI 的东方Project 博丽神社主题皮肤：博丽神社昼夜实景背景、 灵梦左右立绘、朱红/纸白/金色的神社装饰界面。纯展示层客户端插件 —— apply() 设置 data-dsh-hakurei 作用域、按亮/暗主题切换神社背景、以独立透明层挂载灵梦 角色、装饰可折叠侧栏，并为加载/思考/工具运行状态预留稳定动画钩子。effect 销毁器 还原全部 CSS/DOM 写入；不注入服务、不发出 Cordis 事件、不触达模型请求。

预览

效果展示

特性

• 博丽神社昼/夜实景对话背景（亮/暗主题自动切换；浅色模式带柔光罩缓解刺眼）
• 灵梦站姿/飞行双立绘（左侧栏联动避让、对话页移向安全边缘）
• 统一半透明面板：侧边栏、对话头部与输入框使用同一套半透明渐变

（浅色纸白 / 深色深棕），随主题自动切换；内部控件（品牌行、按钮、搜索框） 融入面板，整体干净统一

• 主题感知文字：浅色模式深墨文字、深色模式纸白文字，保证两种主题下可读
• 简洁无横幅：顶部缘带、悬浮横幅、底部装饰条与输入框/侧边栏画框均已移除
• 朱红、纸白、金色点缀（头像 favicon、标题字标、选中态缎带）
• 素材内嵌于 client bundle（数据 URI），激活不依赖任何临时文件/远程 URL

安装

方式一：本地路径（开发 / 已克隆仓库）

dsh plugin --profile web add <本目录绝对路径>

方式二：GitHub 分发（克隆后安装）

git clone https://github.com/xiake595/touhou-hakurei
dsh plugin --profile web add <克隆路径>

也可以直接对 DSH 说："安装一下这个皮肤包：<仓库 URL>"。

加载即生效、卸载即复原（wiring.id 为 ui-skin-hakurei）。皮肤之间的 互斥切换由皮肤管理工具（如 dsh-skin）或 profile 的 bundles 配置管理。

素材

仓库内的素材嵌入（assets-gen/ 与 src/client/*.generated.ts）已经生成完毕， 克隆后无需本地素材即可直接构建使用。

如需替换为自己准备的素材：

1. 准备素材目录（默认 C:\Users\1\Desktop\图片），包含： - processed-v2/：bg-light.webp bg-dark.webp（神社昼夜背景）、 reimu-stand.webp reimu-fly.webp（灵梦立绘）、banner.webp（横幅） - 方框.png（侧边栏竖幅画框）、对话框.png（输入框横版画框） 2. 修改 tools/generate-assets.cjs 顶部的 ASSETS_DIR / RAW_DIR 路径 3. 运行 node tools/generate-assets.cjs 重新生成素材嵌入

装饰素材（鸟居、日轮、朱印牌、缘带、工作区缎带等）由 tools/generate-assets.cjs 程序化生成（SVG → webp）。

开发与构建

pnpm install
pnpm build        # tsdown 构建 lib/（node 入口 + client bundle）

辅助脚本：

node tools/generate-assets.cjs   # 重新生成素材嵌入（需要 sharp 与本地素材）
node tools/rewrite-css.cjs       # 重新生成 hakurei.module.css（色板转换）
node tools/rewrite-index.cjs     # 重新生成 src/client/index.ts（重命名/横幅接线）

致谢与许可

• 皮肤工程结构（构建预设 build/tsdown.client.ts、皮肤脚手架、布局/动画工程）

源自 dsh-deep-whale 的 maid-atelier（作者 Small-tailqwq）

• 背景 / 角色 / 画框素材来自用户本地素材（详见 NOTICE）
• 本皮肤以 CC BY-NC-SA 4.0 发布，禁止任何商业性使用。见 LICENSE 与

NOTICE。