DeepSeek Harness

August 14, 2026 · View on GitHub

一个界面被精心打磨过的 Agent 交互工具 —— 基于 deepseek-ai/deepseek-harness("Everything is a Plugin" 的开源 Agent Harness),在其插件化架构之上完成了一次完整的 UI 精品化改造。

English upstream README · MIT License · 上游版本 v0.1.0-rc.5 @ 47f9438

Abyss 深色模式

设计语言:深海曜石(Abyss)

呼应 DeepSeek 的深海鲸鱼意象——浅色是"墨与瓷",深色是"深渊":

  • 雾蓝画布 + 纯白浮面(浅色)/ 蓝黑海渊层次(深色),全部经由重铸的 --dsw-* 设计令牌驱动,两套主题一处定义
  • 蓝宝石点缀色贯穿聚焦环、选中指示、发送按钮辉光与推理档位标注
  • 发丝线描边 + 分层柔和阴影取代灰色填充,卡片、浮层、输入区各归其位
  • 等宽字体作为设计元素:工具调用卡片、统计条数字、运行指示统一等宽节奏
  • 克制的动效:0.1s/0.2s 双档过渡、流式呼吸微光、reduced-motion 全兼容
  • 重绘的代码高亮双主题(shiki css-variables)与主题化滚动条

完整规格见 .claude/design-spec.md

截图

浅色 · 墨与瓷深色 · 深渊

改造范围

在不动一行 Agent 行为逻辑的前提下(插件架构、槽位组合、会话协议、测试全部保持绿灯):

内容
令牌层调色板(雾蓝中性阶 + 蓝宝石强调)、阴影阶、圆角阶、字阶、代码高亮、滚动条
外壳三栏布局把手、侧栏面板、品牌区、会话行(选中指示条 + 状态点光晕)、目录浏览器
会话流用户气泡、助手排版、工具调用卡片、流式指示、消息操作栏、统计条
输入区悬浮"曜石"输入卡、聚焦环编排、发送按钮辉光、权限/模型胶囊、英雄空状态
基元按钮 / 菜单 / 弹窗 / Tooltip / Toast / 代码块 / 表单控件 / 设置窗

快速开始

需要 Node.js ^22.19.0 || >=24、corepack(pnpm 11.7.0)以及一个 DeepSeek API Key。

git clone https://github.com/douyamv/deepseek-harness-studio.git
cd deepseek-harness-studio
pnpm install
pnpm run build
echo "DEEPSEEK_API_KEY=sk-你的key" > .env
pnpm dsh web    # → http://127.0.0.1:3080

开发热更(两个终端):

pnpm dsh web        # 服务
pnpm run dev:web    # 插件监听构建,浏览器自动热更

与上游的关系

  • 本仓库基于上游 master@47f9438(2026-08-13 开源当日版本)快照,第二个提交承载全部 Abyss 改造;未携带上游完整历史
  • 架构、协议与文档版权归 DeepSeek AI;遵循 MITTHIRD_PARTY_NOTICES.md
  • 上游迭代很快(developer preview),如需同步上游请以插件/patch 层方式移植本仓库的 packages/client/ui-theme 令牌与各 *.module.css

UI overhaul crafted with Claude Code.