goatbroai/web-background 预览 preview

goatbroai/web-background

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

DeepSeek Harness 网页背景设置插件,支持纯色、图片及透明度控制。

Project Overview项目介绍

This is a background customization plugin built exclusively for the DeepSeek Harness (DSH) web interface. It adds a dedicated web background settings menu to DSH under the path Settings > General > Web Background. Users can choose between three background modes: no background, solid color, or custom uploaded image. The solid color mode includes a visual color picker, while image mode automatically compresses uploaded images to data URLs for embedding. It also supports adjustable opacity from 0 to 100 percent, one-click reset to default, automatic sync across multiple tabs, and saves settings to browser localStorage so they persist across page refreshes.

Installing the plugin is straightforward using the DSH command line interface. If you have DSH installed globally on your machine, you can run dsh plugin --profile web add "github:goatbroai/web-background#main" to install the plugin directly from the git repository. If you prefer to install from a local copy, you can clone the repository, run pnpm install to install dependencies, then run pnpm run bundle to build the plugin, then install it via dsh plugin --profile web add . from the plugin directory. If you encounter an ERR_PM_ADDING_TO_ROOT error during installation, you can add the -w flag to the install command to resolve it.

If you do not have DSH installed globally, you can still install and run the plugin via npx. To do this, run npx @deepseek-ai/dsh plugin --profile web add -w . to add the local plugin, then run npx @deepseek-ai/dsh web to launch DSH. After any installation method, you will need to restart the DSH web interface for the plugin to take effect. The plugin is open source under the permissive MIT license, so you can modify, distribute, and use it for free for any purpose, personal or commercial. For developers who want to modify the plugin, the repo includes scripts for bundling, type checking, and hot reloading during development.

这是一个专为 DeepSeek Harness (DSH) 开发的原生网页背景设置插件,用于自定义 DSH 网页端的背景样式。它支持无背景、纯色、自定义图片三种背景模式,提供了颜色选择器、不透明度调整、一键恢复默认设置等功能,设置会自动保存在浏览器本地存储中,多标签页之间还会自动同步背景设置。

用户可以在 DSH 中通过「设置 → 通用 → 网页背景」入口进入设置界面,调整各项背景参数。安装插件时,可以直接使用 DSH 命令行工具从 git 远程仓库安装,也可以将源码克隆到本地后,通过 pnpm 进行依赖安装和构建,再使用 DSH 命令完成本地安装。如果安装过程中出现错误,添加 -w 参数即可解决。

本插件基于 TypeScript 开发,客户端源码存储在 src/client/index.ts 路径下,构建后生成产物到 lib/client.js。支持使用 pnpm 进行依赖安装、打包、代码检查和热重载等开发工作流,方便开发者进行二次开发。插件以 MIT 许可证开源,完全免费供用户使用、修改和分发,没有额外的使用成本。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 note1 项提示
  • 10 stars - an early-stage project星标 10,属于早期项目
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 "github:lndyzwdxhs/web-background#main"

把 goatbroai/web-background 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

web-background

DeepSeek Harness web background settings plugin with solid color, image, and opacity controls.

web-background settings

功能

  • 在 设置 → 通用 → 网页背景 中切换:无、纯色、图片。
  • 纯色模式支持颜色选择器。
  • 图片模式使用本地上传图片(自动压缩为 data URL)。
  • 支持 0–100% 背景不透明度。
  • 支持一键恢复默认背景。
  • 设置保存在浏览器 localStorage,刷新后自动恢复。
  • 多个标签页之间自动同步背景设置。

安装

# git 源安装(构建产物入库)
dsh plugin --profile web add "github:lndyzwdxhs/web-background#main"

# 或本地目录
cd /path/to/web-background
pnpm install
pnpm run bundle
dsh plugin --profile web add .

如果本地 dsh plugin add 报 ERR_PNPM_ADDING_TO_ROOT,加 -w:

dsh plugin --profile web add -w .

如果本机没有全局 dsh,也可以用 npx 运行:

npx @deepseek-ai/dsh plugin --profile web add -w .
npx @deepseek-ai/dsh web

重启 web 生效。

开发

pnpm install
pnpm run bundle
pnpm run gates
pnpm run watch
  • 客户端源码在 src/client/index.ts;构建后生成 lib/client.js。

架构

见 docs/architecture.md。

← 上一个 Prev dshw 下一个 Next dsh-expert-team →