dsh-skin-studio
创建、管理和分享可移植的 DeepSeek Harness 皮肤。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:realMisakaMikoto/dsh-skin-studio#a5e28f12543784cd37d5708cf57695e94df2580b
Skin Studio 以 dsh-skin-studio 发布，当前版本为 0.6.0-alpha.1。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
DeepSeek Harness Web UI 的本地皮肤工作室：创建、实时预览、管理与分享完整外观。
dsh-skin-studio 运行在 DSH Web profile 的浏览器 Client 中。一套皮肤可以同时携带浅色/深色配色、主背景、组件媒体、品牌与图标、双语文案、自由文本规则和字体，并通过 .dshskin v5 完整导入导出。
要求 Node.js 20+ 与 DeepSeek Harness Web profile。请按 DSH 版本安装对应的插件版本：
DSH 0.1.2-alpha.3 安装 alpha 兼容线：
dsh plugin --profile web add dsh-skin-studio@alpha --save-exact
dsh web
如需锁定版本，将 @alpha 换成 @0.6.0-alpha.1。DSH 0.1.0-rc.8 继续安装稳定兼容线：
dsh plugin --profile web add dsh-skin-studio@0.5.1 --save-exact
dsh web
启动后进入：
设置 → 通用设置 → 自定义皮肤 → 打开皮肤工作室
| 页面 | 源码当前提供的能力 |
|---|---|
| 皮肤库 | 新建、复制、编辑、启用、删除、恢复 DSH 默认，以及进入单套皮肤包操作 |
| 基础编辑 | 名称、作者、简介、浅色/深色六组语义色、主背景、界面字体与代码字体 |
| 界面组件 | 常用 DSH Token、完整 Token 搜索、组件点选、组件图片/视频、透明度、遮罩与模糊 |
| 素材替换 | 空状态标志、Hero 背景插图、侧边栏品牌图标、完整 Logo、工作区文件夹图标 |
| 文案 | 中文/英文固定文案、自由文本选择器、普通文字和 placeholder |
| 导入导出 | .dshskin 导入、导出，以及同 ID 时保留两份、替换现有皮肤或取消 |
组件与文本点选器都提供两种模式：
F2 返回选择。Esc 返回工作室，F2 在两种模式之间切换。| Slot | 用途 | 推荐尺寸 |
|---|---|---|
hero-whale-logo | 新会话标题左侧标志 | 272 × 200 |
hero-backdrop-illustration | 新会话输入区后的 Hero 插图 | 2102 × 936 |
sidebar-brand-mark | 侧边栏品牌图标 | 96 × 71 |
sidebar-brand-wordmark | 侧边栏品牌字样或完整 Logo | 624 × 96 |
workspace-folder-icon | 侧边栏与欢迎页工作区图标 | 64 × 64 |
侧边栏品牌支持“图标 + 字样”和“单图品牌”两种布局。单图品牌在展开状态使用完整 Logo，收起状态保留品牌图标。
首次启动会向当前浏览器写入：
Bright Studio、High Contrast、Tidal Paper。内置主题包含背景、浅色/深色配色、角色化视觉素材、双语文案与八类组件背景。插件升级会刷新保持原始状态的内置版本，并保留用户编辑后的版本。
以下图片均来自当前 0.5.1 源码构建的 DSH 新会话页，使用浅色模式和 1707 × 782 完整视口。
|
上原歩夢 樱花粉与夕阳暖金交织的温柔海滨舞台。 上原歩夢皮肤全屏截图 |
高咲侑 黑与薄荷绿交织的创作舞台，为每一次心动写下旋律。 高咲侑皮肤全屏截图 |
|
中須かすみ 奶油黄与莓果色的可爱作战室。 中須かすみ皮肤全屏截图 |
桜坂しずく 深蓝幕布与脚灯构成的安静剧场。 桜坂しずく皮肤全屏截图 |
|
朝香果林 靛蓝夜色中的精致时装工作室。 朝香果林皮肤全屏截图 |
宮下愛 被橙色夕阳点亮的快乐海滨。 宮下愛皮肤全屏截图 |
|
近江彼方 薰衣草月夜里的柔软休息室。 近江彼方皮肤全屏截图 |
優木せつ菜 把热爱点燃到最后一刻的赤红舞台。 優木せつ菜皮肤全屏截图 |
.dshskin v5.dshskin 是带版本的 ZIP 容器，根目录包含 manifest.json 与 manifest 引用的本地资源。当前格式保存：
sidebarBrandLayout 与结构化组件/文本目标。v1–v4 皮肤会在导入时迁移到 v5。完整 schema 与迁移说明见 docs/skin-format-v5.md。
| 项目 | 上限 |
|---|---|
单个 .dshskin 包 | 128 MB |
| 背景或组件图片 | 15 MB |
| 背景或组件视频 | 100 MB |
| 单个视觉替换素材 | 5 MB |
| 单个 WOFF2 字体 | 5 MB |
导入时会校验 manifest、资源路径、文件签名、声明大小和 SHA-256。
| DeepSeek Harness | dsh-skin-studio | 安装方式 |
|---|---|---|
0.1.0-rc.8 | 0.5.1 | dsh-skin-studio@0.5.1 |
0.1.2-alpha.3 | 0.6.0-alpha.1 | dsh-skin-studio@alpha 或精确版本 |
| 项目 | 当前 alpha 基线 |
|---|---|
| Node.js | 20+ |
| React | 18 |
| 浏览器 | Chrome、Edge 等现代桌面浏览器 |
| DSH 结构 | 0.1.2-alpha.3 Web UI |
pnpm install --frozen-lockfile
pnpm typecheck
pnpm test
pnpm build
pnpm package:check
完整验证：
pnpm check
pnpm pack
pnpm check 会依次执行类型检查、Vitest、Client/Host 构建和 npm 包内容校验。
|
エマ・ヴェルデ 连接山野与台场的清新绿色庭院。 エマ・ヴェルデ皮肤全屏截图 |
天王寺璃奈 青蓝与粉色信号构成的数字实验室。 天王寺璃奈皮肤全屏截图 |
|
三船栞子 象牙白与翡翠色的学生会档案室。 三船栞子皮肤全屏截图 |
ミア・テイラー 银色、冰青与深蓝交织的专业录音棚。 ミア・テイラー皮肤全屏截图 |
|
鐘嵐珠 洋红、深红与香槟金构成的顶层舞台。 |