lehhair/dsh-home-ui

Name: lehhair/dsh-home-ui
Author: lehhair

Plugin插件 Native原生 ⭐ 2 UI & Themes界面与主题 Vision & Media视觉与多媒体

DeepSeek Harness网页客户端的PiUI风格首页视觉优化插件（纯扩展，零核心改动）

Project Overview项目介绍

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

This is a native DeepSeek Harness (DSH) UI plugin built exclusively for the DSH web client, following the clean minimalist visual design language of OpenCodeUI. It is a pure front-end extension that does not alter any of DSH’s core codebase, instead applying four key visual adjustments to the DSH homepage entirely via its own self-contained global style sheet. These adjustments include unifying sidebar and content stream colors, aligning the content stream header with sidebar buttons, changing the hard 1px header divider to a soft gradient, and adding a configurable wide screen mode toggle.

The plugin works correctly with both DSH’s light and dark official out-of-the-box themes, and uninstalling it fully restores the original DSH homepage appearance with no leftover changes or residual code. Users can access the wide screen toggle directly from the DSH settings general menu, and the user preference is automatically saved to the browser’s localStorage, so it persists across page refreshes and browser restarts. It is ideal for users who prefer the clean minimalist OpenCodeUI aesthetic and want a more polished, spacious DSH homepage experience.

To install the latest stable version, you can use the DSH CLI command with the direct permanent link to the latest release tarball, which is the recommended installation method for most end users. If you are developing the plugin locally or want to test unreleased changes from source, you can add the plugin via pnpm link in your local DSH profile directory. It has no external dependencies, can be freely combined with other pure front-end DSH extensions from the same author, and causes no conflicts with core DSH functionality.

这是一款专为DeepSeek Harness（DSH）开发的原生UI插件，基于OpenCodeUI视觉语言，对DSH网页端主页做了视觉精修。作为纯扩展插件，它不会修改DSH核心代码，仅通过自有全局样式表对主页完成四项调整：统一侧边栏配色与信息流、对齐信息流标题与侧边栏按钮、修改标题分隔线样式、新增宽屏模式开关。

该插件对明暗两种官方主题都生效，卸载插件后可完全恢复DSH官方原始外观，不会残留任何修改内容。用户可以在设置的通用选项中切换标准/宽屏两种信息流宽度，偏好会自动保存在浏览器localStorage中，刷新页面后依然保留设置。它适合喜欢OpenCodeUI简约视觉风格，想要优化DSH主页使用观感的用户使用。

安装推荐使用官方发布的构建产物，直接通过DSH CLI命令即可完成安装，从源码编译安装也仅需几步简单操作。它属于纯前端视觉扩展，不修改核心包，可与同系列其他扩展自由组合，互不干扰。没有额外依赖，也不会产生额外使用成本，安装升级时注意清理缓存即可。

View on GitHub在 GitHub 查看

Send to your DSH发给你的 DSH 安装

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

插件：dsh-home-ui（lehhair/dsh-home-ui）
仓库：https://github.com/lehhair/dsh-home-ui
本站详情页：https://www.yhbd.top/plugins/lehhair-dsh-home-ui/
本站登记：类型 plugin · 归类 原生 DSH 插件 · 许可证未声明 · ⭐ 2 · 最近提交 2026-09-06 · 主语言 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兼容性 · 安全性 2 warnings2 项注意

No license declared - all rights reserved by default; ask the author before commercial use or redistribution未声明开源许可证 —— 默认「保留所有权利」，商用或再分发前先问作者
Only 2 stars - very few users, little community feedback星标只有 2，几乎没人在用，遇到问题缺少社区反馈

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 "https://github.com/lehhair/dsh-home-ui/releases/latest/download/dsh-external-dsh-home-ui.tgz"

把 lehhair/dsh-home-ui 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

5.9 KB · 缓存于 2026-08-23 03:42:30 · 5.9 KB

dsh-home-ui

基于 OpenCodeUI 视觉语言的主页信息流精修插件（纯扩展，零核心改动）。

功能

参考 OpenCodeUI 的主页设计语言，对 DSH web 客户端主页做四处调整，全部通过插件自有的全局样式表实现：

侧边栏配色与信息流统一 — 侧边栏列与每一层 shell 的填充色从偏灰的 bluish-50 改为与信息流相同的 bg-base，左右两栏读作同一块表面（OpenCodeUI 中侧边栏与聊天共用同一底色）。
信息流 header 与侧边栏按钮对齐 — 侧边栏 shell 顶部控制行中心（展开与收起均为 y=36，官方几何不动）与信息流标题行对齐：standalone header 顶部 padding 从官方 12px 降到 20px，标题中心落在侧边栏按钮的 y=36 线上（0px 误差）。分屏 pane 被显式排除：split-panes 的 split 容器带稳定的 data-direction 属性，其内的 pane header 恢复官方 12px——分屏 pane 标题中心 ~37 本就与侧边栏对齐（frame 的 8px padding + 1px border 自然落在按钮线上），插件对分屏 pane 零影响。
header 底部横线改为渐变 — 官方 header 下方的 1px 实线分隔改为 OpenCodeUI 式渐变带：从信息流底色（不透明）向下渐隐到透明，内容从 header 下浮现而不是被一条线切断（对应 OpenCodeUI 的 data-chat-header-shadow，h-8 from-bg-100 to-transparent）。
宽屏模式 — 设置 → 通用 →「信息流宽度」：标准 / 宽屏两档。宽屏把 --dsh-chat-content-width 从 748px 放宽到 1080px，消息流、统计行、dock 卡、输入框整体放宽（与官方 748px 同构，只是更大）；偏好写入 localStorage，刷新后自动恢复。

明暗两种主题都生效；卸载插件即完全还原官方外观。

安装

推荐：GitHub Release 构建产物（开箱即用）

releases/latest 永远指向最新版本，链接不用随版本改动：

dsh plugin --profile web add "https://github.com/lehhair/dsh-home-ui/releases/latest/download/dsh-external-dsh-home-ui.tgz"

⚠️ 升级注意：pnpm 会按 URL 缓存 tarball——同一 latest 链接在新版本发布后可能命中旧缓存。装到旧版时先 dsh plugin --profile web remove @dsh-external/dsh-home-ui 再重新安装（必要时 pnpm store prune）。

开发环境（从源码）

# 在 dsh profile 目录
pnpm dsh plugin --profile web add @dsh-external/dsh-home-ui

或在 profile 的 package.json 中：

{
  "dependencies": { "@dsh-external/dsh-home-ui": "link:../dsh-home-ui" },
  "dsh": { "profile": { "bundles": ["...", "@dsh-external/dsh-home-ui"] } }
}

推荐组合：纯前端 UI 扩展

dsh-home-ui 属于一组纯前端视觉扩展——它们只通过全局样式表、轻量 DOM 控制器和官方开放的 slot 工作，不改任何核心包，可以任意组合、独立卸载，叠加后也不会互相干扰。推荐按需搭配：

扩展	仓库	做什么	组合效果
dsh-home-ui（本插件）	lehhair/dsh-home-ui	主页信息流视觉精修 + 宽屏模式	基准视觉：侧边栏与信息流同底色、header 对齐、渐变分隔、宽屏开关
dsh-diff-viewer	lehhair/dsh-diff-viewer	edit/write 工具的 diff 渲染增强	宽屏下 diff 自动左右分栏（按容器宽度判定），与宽屏模式天然契合
dsh-mobile	lehhair/dsh-mobile	窄屏适配：chat pager、触摸目标、设置 dialog 卡片化	手机上也保持同一套视觉语言
dsh-split-panes ⚠️	lehhair/dsh-split-panes	多会话分屏	⚠️ 需要渲染器会话绑定能力（官方 rc.5 未内置），见其 README 前置说明

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

渲染基于仓库 lehhair/dsh-home-ui 的 README.md。在 GitHub 查看原文 →