realMisakaMikoto/dsh-skin-studio

Name: realMisakaMikoto/dsh-skin-studio
Author: realMisakaMikoto

Skin皮肤 Native原生 ⭐ 3 AGPL-3.0 Vision & Media视觉与多媒体 UI & Themes界面与主题

DeepSeek Harness Web UI 的皮肤编辑器，作为 DSH Web profile 的浏览器 Client 插件运行。一套皮肤包含浅色/深色配色、主背景、组件媒体、品牌图标、双语界面文案、自由文本替换规则和字体，通过 .dshskin v5 文件导入导出。仅支持WebUI，不支持0.2.0及之后的桌面端。此项目已废弃。

catalog descriptioncatalog 简介 / catalog description：DeepSeek Harness 自定义皮肤工作室，支持全界面配色、组件图片/视频背景与皮肤包分享

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

dsh-skin-studio is a native skin editor plugin built exclusively for the DeepSeek Harness (DSH) Web UI. It runs as a browser client plugin for DSH’s web profile, and requires Node.js 20 or newer to install. You can install it via the DSH CLI command dsh plugin --profile web add dsh-skin-studio, then launch DSH web to access it from the settings menu. It lets users create, edit, enable, delete, import, and export custom DSH skins, with all skin assets packaged into a standard .dshskin v5 file.

The editor provides a full visual editing workflow with multiple dedicated pages for different editing tasks. It supports editing every part of a DSH skin, from base color schemes and backgrounds to custom icons, text, and fonts. It includes helpful tools like contrast checking for text and accent colors, a component picker to target UI elements, and suggested asset sizes for custom slots. Users can tweak light and dark mode settings separately, and preview changes before applying them to the DSH interface.

This plugin is released under the open source AGPL-3.0 license, and comes with 17 pre-built skins out of the box, including 3 base presets and 14 character-themed skins. Skin data is stored in the browser’s IndexedDB, with lightweight snapshots saved to localStorage for faster page load, and changes are synced across same-origin tabs via BroadcastChannel. The maximum allowed size for a single .dshskin package is 128MB, and the plugin requires a desktop version of Chrome or Edge to run properly with DSH.

本仓库是专为 DeepSeek Harness (DSH) Web UI 打造的原生皮肤编辑器插件，以浏览器客户端插件形式运行。它支持用户从零创建自定义皮肤，也支持对已有皮肤进行编辑、启用、删除、导入导出操作，一套完整皮肤可包含深浅配色、主背景、组件媒体、品牌图标、双语文案、替换规则和自定义字体，导出格式为标准 .dshskin v5 文件。

安装需要 Node.js 20+ 和 DSH Web profile，通过 dsh plugin --profile web add dsh-skin-studio 命令完成安装后，可从 DSH「设置 → 通用设置 → 自定义皮肤」入口打开皮肤工作室。用户可通过可视化界面完成全流程编辑，支持对比度检查、组件点选、素材尺寸提示等辅助功能，适合想要自定义 DSH 界面外观的用户使用。

本插件遵循 AGPL-3.0 开源协议，首次启动会自动写入 17 套预制皮肤，包含 3 套基础预设和 14 套主题皮肤，升级插件时不会覆盖用户已经修改过的自定义皮肤。单皮肤包最大支持 128MB，皮肤数据保存于浏览器 IndexedDB，支持跨同源标签页同步状态，需要桌面版 Chrome 或 Edge 运行。

View on GitHub在 GitHub 查看

Send to your DSH发给你的 DSH 安装

请帮我安装这个 DSH 插件。安装前先完成【兼容性检查 + 安全性检查】，检查通过再动手。

插件：dsh-skin-studio（realMisakaMikoto/dsh-skin-studio）
仓库：https://github.com/realMisakaMikoto/dsh-skin-studio
本站详情页：https://www.yhbd.top/plugins/realmisakamikoto-dsh-skin-studio/
本站登记：类型 skin · 归类 原生 DSH 插件 · 许可证 AGPL-3.0 · ⭐ 3 · 最近提交 2026-10-02 · 主语言 TypeScript

按下面顺序执行，每步先把结论告诉我，再进入下一步：

【1 兼容性检查】
① 我这边：DSH 版本、Node 版本、操作系统、当前 profile（web / desktop）。
② 读它的 README、package.json、插件 manifest，列出它要求的 DSH 版本 / Node 版本 / 操作系统 / 外部依赖 / 需要另外先装的运行时。
③ 逐条比对，结论只写「满足 / 不满足 / 未知」三种；不满足的给出可行替代方案。
④ 检查是否和我已装的插件冲突：命令名重复、skill / tool 重名、端口占用、重复注册的 MCP server。

【2 安全性检查】
① 仓库可信度：和上面「本站登记」是否一致；star / fork 数、创建时间、最近提交，是否归档或长期停更。
② 安装脚本：逐行看 package.json 的 preinstall / install / postinstall，以及 install.sh、setup.ps1 之类脚本。出现 curl|bash、下载后直接执行、混淆代码、访问与插件功能无关的域名，立刻停下来告诉我，不要继续装。
③ 依赖：列出新增依赖，标出无人维护、或与知名包拼写近似的可疑包（typosquatting）。
④ 权限与副作用：它会读写哪些目录、访问哪些域名、需要哪些 DSH 权限（filesystem / network / shell / clipboard 等），以及怎么卸载和回滚。
⑤ 如果它要求 sudo / 管理员权限，或权限明显超出功能所需，先停下来问我。

【3 安装】
上面两步没有「不满足」和「高危项」时才执行；用官方推荐方式安装，不要自行提权。

【4 汇报】
用表格输出：检查项 / 结论 / 依据 / 是否需要我决策。拿不准的一律写「未知」并说明要我怎么确认——不要猜，也不要替我决定。

Send this message to DSH in your current session: it verifies compatibility and security first (answering met / not met / unknown item by item) and only installs once everything checks out — it will stop and ask you if it finds a high-risk item. The box scrolls; the copy is the full prompt. CLI install commands may not be accurate across systems, so DSH is the safer route.把上面这条消息直接发给当前会话里的 DSH：它会先核对兼容性与安全性（逐条给「满足 / 不满足 / 未知」），确认没问题再安装，有高危项会停下来问你。框内可滚动，复制到的是完整提示词；安装命令不一定准确，发给 DSH 更稳。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 warning1 项注意

Only 3 stars - very few users, little community feedback星标只有 3，几乎没人在用，遇到问题缺少社区反馈

DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时（Electron / Python / Docker 等）是否齐备
Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突：命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致，是否归档或长期停更
Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需（filesystem / network / shell / clipboard）
Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限，以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照，不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装

dsh plugin --profile web add dsh-skin-studio

把 realMisakaMikoto/dsh-skin-studio 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

6.7 KB · 缓存于 2026-10-02 22:12:22 · 6.7 KB

dsh-skin-studio

DeepSeek Harness Web UI 的皮肤编辑器，作为 DSH Web profile 的浏览器 Client 插件运行。一套皮肤包含浅色/深色配色、主背景、组件媒体、品牌图标、双语界面文案、自由文本替换规则和字体，通过 .dshskin v5 文件导入导出。仅支持WebUI，不支持0.2.0及之后的桌面端。此项目已废弃。

安装

需要 Node.js 20+ 和 DeepSeek Harness Web profile。

dsh plugin --profile web add dsh-skin-studio
dsh web

插件保持向下兼容，装最新版即可。要锁版本：

dsh plugin --profile web add dsh-skin-studio@0.6.0-alpha.1 --save-exact
dsh web

装完在 设置 → 通用设置 → 自定义皮肤 → 打开皮肤工作室 进入。

工作室页面

页面	内容
皮肤库	新建、复制、编辑、启用、删除、恢复 DSH 默认，以及单套皮肤包的操作
基础编辑	名称、作者、简介、浅色/深色六组语义色、主背景、界面字体与代码字体
界面组件	常用 DSH Token、Token 搜索、组件点选、组件图片/视频、透明度、遮罩与模糊
素材替换	空状态标志、Hero 背景插图、侧边栏品牌图标、完整 Logo、工作区文件夹图标
文案	中英文固定文案、自由文本选择器、普通文字与 placeholder
导入导出	`.dshskin` 导入导出；同 ID 时可选保留两份、替换现有皮肤或取消

能改什么

配色保留 DSH 的浅色、深色、跟随系统三种模式。六组基础语义色是强调色、页面背景、表面、正文、侧栏、代码背景；填一组之后用 OKLCH 生成另一模式，生成结果仍可单独微调。应用前有文字与强调色的对比度检查。

主背景支持 PNG、JPEG、WebP、MP4、WebM。浅色和深色各自保存背景透明度、界面遮盖强度和明暗遮罩，背景与组件媒体都能加模糊，视频自动静音循环。组件点选器把同一结构类型的组件归成一组，最多保存 64 条组件媒体规则；运行时最多维护 200 个组件媒体层和 12 个视频层。

组件点选器和文本点选器都有两种模式：选择目标模式用鼠标点选，或用方向键、Tab、Enter、空格浏览确认；操作界面模式可以正常点击、输入、展开菜单，按 F2 切回选择。Esc 回到工作室。

五个视觉素材位置：

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，收起时用品牌图标。

文案部分覆盖欢迎标题、欢迎标记、欢迎输入提示、工作区提示和侧边栏新会话五个固定位置，每个位置分别存中英文。自由文本规则记录显示名称、文字样本、结构化目标和双语替换值，最多 128 条，单条结构路径最多 6 层，单语言替换值最多 300 字。替换只改直接的 Text 节点和 placeholder，组件内图标与子控件保持原结构；可见文字与原 aria-label 一致时同步更新无障碍名称。界面字体和代码字体都支持 WOFF2。

内置皮肤

首次启动会往当前浏览器写入 17 套皮肤：3 套基础预设（Bright Studio、High Contrast、Tidal Paper），13 套角色主题，以及 1 套虹ヶ咲学園スクールアイドル同好会全团主题。

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要，完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

渲染基于仓库 realMisakaMikoto/dsh-skin-studio 的 README.md。在 GitHub 查看原文 →