@deepseek-ai/dsh-client-ui-plugin-center

Readme

# DeepSeek Harness - 插件中心与扩展市场 (Plugin Market)

DeepSeek Harness 的可视化插件与技能管理中心插件。提供桌面与 Web 端的一站式插件检索、分类浏览、一键安装/卸载与已安装扩展状态管理。

`#dsh-plugin` `#deepseek-harness`

---

## 核心功能

### 1. 扩展目录与分类检索
- **官方与社区精选**：集中展示主题皮肤、工作区记忆、多模态视觉、工具链等各类扩展；
- **自适应双列对齐**：采用严格的几何等宽约束（377px），杜绝长包名与描述撑破网格布局，右侧操作菜单（`···`）常驻可视。

### 2. 状态管理与即时生效
- **已安装扩展折叠面板**：支持展开/收起已安装插件列表，展示各插件版本、作者与运行时状态；
- **一键安装与卸载**：支持可视化操作插件安装流，自动管理本地 profile 依赖绑定。

### 3. 多层毛玻璃主题自适应
- **Layer 3 液态玻璃联动**：当启用液态玻璃主题时，卡片背景虚化与暗化深度自动受控于 Layer 3（`--dsh-modal-blur` 与 `--dsh-l3-mask-bg`）滑块参数；
- **独立纯净回退**：在未安装任何第三方主题时，卡片自动降级为原生高可读性暗色高斯毛玻璃。

---

## 安装与配置

### 方式一：在本地 Profile 中引入（推荐）

1. 将本仓库 clone 到本地，例如 `C:/plugins/deepseek-harness-plugin-market`。
2. 打开 Web profile 配置文件（`~/.dsh/profiles/web/package.json` 或 `C:\Users\<用户名>\.dsh\profiles\web\package.json`）。
3. 在 `dependencies` 与 `dsh.profile.bundles` 中引入：

```json
{
  "dependencies": {
    "@deepseek-ai/dsh-client-ui-plugin-center": "file:C:/plugins/deepseek-harness-plugin-market"
  },
  "dsh": {
    "profile": {
      "bundles": [
        "@deepseek-ai/dsh-base",
        "@deepseek-ai/dsh-web-app",
        "@deepseek-ai/dsh-client-ui-plugin-center"
      ]
    }
  }
}
```

4. 进入 profile 目录执行安装并启动：
```bash
cd ~/.dsh/profiles/web
pnpm install
dsh --profile web
```

---

### 方式二：直接从 GitHub 引用

在 profile 的 `package.json` 中配置：

```json
{
  "dependencies": {
    "@deepseek-ai/dsh-client-ui-plugin-center": "github:Rainpomelo/deepseek-harness-plugin-market"
  }
}
```

---

## 目录结构

```text
├── src/
│   ├── client/
│   │   ├── PluginCenterTab.tsx        # 插件中心主交互页面组件
│   │   ├── PluginCenterTab.module.css # 双列网格布局与毛玻璃样式
│   │   ├── InstalledPluginsPanel.tsx  # 已安装插件折叠面板
│   │   └── locales.ts                 # 中英文多语言字典
├── lib/                               # tsdown 构建生成的 ESM/CJS 客户端产物
├── package.json
└── README.md
```

---

## 开源协议

[MIT License](LICENSE)