山水画主题皮肤 Dahuangb/dsh-Landscape-painting-themed-interface

dsh-shanshui-skin · 山水画皮肤

青绿 · 千里江山 —— DeepSeek Harness Web 的主题皮肤包。

宣纸为底，水墨为骨，石青石绿为彩，朱砂为印。设计语言借鉴故宫博物院、故宫名画记、数字敦煌的 UI，背景为 AI 生成的青绿山水图（minimax image-01 文生图 + MiniMax-M3 视觉质检迭代选出）。

效果图

| 晴山 · 宣纸（亮色） | 夜山 · 墨（暗色） |
| 晴山宣纸 | 夜山墨 |

截图取自 DeepSeek Harness Web 真实运行画面（1440×900）。两套主题可在「设置 → 山水画」一键切换，默认跟随当地日出日落自动切换。

特性

- 默认启动即山水 + 跟随日出日落：白天「晴山·宣纸」，日落自动转「夜山·墨」；NOAA 太阳算法本地计算，可在设置里关闭
- 两套主题：shanshui-light 晴山·宣纸（暖米黄天空 + 青绿远山 + 墨色文字 + 石青石绿 + 朱砂）/ shanshui-dark 夜山·墨（深藏蓝夜空 + 明月 + 山影 + 月白文字 + 石青微光）
- 主画布四层合成：AI 青绿山水全屏铺 → 矢量远山兜底 → 纸纹噪点 → 纸色
- 侧栏 = 立轴山景：AI 竖幅青绿山水挂轴铺底（9:16），会话列表如题跋浮于画上
- 博物馆设计语言：题跋气泡、立轴侧栏、宋骨楷题、云雾纱幕缓漂
- WCAG AA：22 组关键配色通过对比度复核
- 深链直达：#theme=shanshui-light / #theme=shanshui-dark

项目结构

frontend-ui-change-shanshui/
├── dsh-shanshui-skin/ # 皮肤包本体（DSH 插件） │ ├── lib/ # 皮肤代码（主题注册、样式、素材注入） │ ├── art/ # AI 青绿山水背景素材 │ ├── scripts/ # 构建 / 对比度检查 / 冒烟测试 │ └── README.md # 皮肤包详细文档（含 AI 生图提示词） ├── screenshots/ # 效果图 └── restart-web.ps1 # 快速重启脚本

安装

npx -y @deepseek-ai/dsh plugin --profile web add
npx -y @deepseek-ai/dsh --profile web # 重启 → 打开 http://127.0.0.1:3080/

浏览器控制台应打印 registered 2/2 themes。卸载：dsh plugin --profile web remove dsh-shanshui-skin。

内容更新（改 lib/client.js）无需重启：服务端每次请求重读文件，刷新页面即生效。

开发

- dsh-shanshui-skin/lib/client.js —— 皮肤本体
- dsh-shanshui-skin/scripts/build.mjs —— 把 art/*.jpg 以 base64 注入 client.js
- dsh-shanshui-skin/scripts/check-contrast.mjs —— WCAG AA 抽查
- dsh-shanshui-skin/scripts/smoke.cjs —— 无浏览器冒烟测试

详细文档（含 AI 生图提示词与换图流程）见 dsh-shanshui-skin/README.md。

许可

MIT