DeepSeek Harness 延伸阅读
使用 DeepSeek Harness 进行设计的教程、文档和分步演练,如已发布的指南中所列。
如何在 OpenDesign 中使用 DeepSeek Harness 设计界面:可复用的 console 配置、skill 与提供方选择,从 brief 到评审文件完成一个管理员用户表格,以及开始前需要了解的限制。
三个 DeepSeek Harness 深度起点
这条路径从需求简介和参考素材出发,经由设计规则,最终产出一个由你审阅的 HTML 结果。
阅读本指南 设置无需预先安装 Node.js、pnpm 或 dsh。运行适用于你操作系统的一行安装命令:它会安装 DeepSeek Harness……
前往设置 对比在设计任务上,DeepSeek Harness 与 DeepSeek TUI(`deepseek` / `codewhale`)、OpenCode 和 Claude Code 有何区别——以及在什么情况下另一种工作流是更好的选择。
查看对比完整的 DeepSeek Harness 设计任务
一个设计任务,从你交接出去的需求简介和约束条件,一路追踪到返回的产物——以及你在宣布完成之前仍需执行的检查。下方界面仅为示意,专为本页构建;它不是一次真实录制的 DeepSeek Harness 运行。
Brief为管理控制台创建用户页面:一个可搜索的表格,涵盖角色、团队、状态和上次活跃时间,外加批量操作和分页。通过可复用 profile 使用 console 技能。桌面端和手机端。
data-od-id 钩子你撰写需求简介、选择设计系统,并设定验收标准。
DeepSeek Harness 规划布局,编写 HTML、CSS 和 JavaScript,然后按需修改。
OpenDesign 提供设计系统和技能,渲染预览,并将每个版本保存为项目文件。
交接之前,检查视觉层级、8px 网格间距、两个断点以及每一个交互。
工具栏、表格和分页器与 8px 网格对齐;固定列宽防止行跳动。
姓名和角色居主导地位;强调色只出现在负责人角色上。
表格变为列表,显示姓名、邮箱和角色;筛选器移入一个抽屉式面板。
搜索、按角色筛选、选择两行、执行批量操作,然后向后翻页。
Fit
兼容性
本页讨论以 OpenDesign 桌面应用作为连接点的 DeepSeek Harness。参考了截至 2026 年 9 月 6 日发布的资料。
DeepSeek Harness(`dsh`)是 DeepSeek AI 官方开源的 agent harness。模型、工具、会话、权限、文件系统、技能、子 agent 和 UI 由其本地 Web UI 和无头运行器组装为 Cordis 插件。这里的重点是使用 OpenDesign 中的 DeepSeek Harness 设计界面,而不是操作 DeepSeek Harness 自身的界面。OpenDesign 可使用哪些 agent 记录在其设置说明中。
一个 DeepSeek API 密钥,或另一个已配置好的 provider 凭据。在 OpenDesign 中,前往 Settings → Models & providers → Local CLI 并重新扫描。本页不承诺任何配额或价格。
桌面端构建版本列在下载页面上。源码快速入门中提到的 Node.js 和 pnpm 要求仅在从源码运行时才重要;它们不适用于桌面安装包安装。此处兼容的最低 DeepSeek Harness 版本尚未验证。
使用你已安装版本所显示的连接步骤,然后给 DeepSeek Harness 一个不太复杂的任务。检查 DeepSeek Harness 是否完成了该任务,以及产物能否打开。仅仅下载并不能证明连接可用。
从桌面应用开始
先下载;完成与你所安装版本相匹配的 DeepSeek Harness 设置;然后验证一个小结果。遵循这条路径无需从源码构建 OpenDesign。
选择为你的机器构建的安装程序,安装它,然后启动应用。
下载 OpenDesign使用随你所安装版本附带的 DeepSeek Harness 说明。在 OpenDesign 中,打开 Settings → Models & providers → Local CLI 并选择重新扫描。
deepseek-ai/deepseek-harnesscurl -fsSL 'https://open-design.ai/install-dsh.sh?version=1' | sh摘自已发布指南中的 DeepSeek Harness 设置说明;请对照厂商文档核实当前命令。
保持需求简介不太复杂,这样你就能判断整个循环——包括一次修订。
创建一个包含 profile 表单和保存确认的设置界面。应用我的设计规则。在桌面端和移动端宽度下验证它。
如果要从源码运行 OpenDesign,请改用技术快速入门。
DeepSeek Harness 设计工作流
本演练跟随管理用户表格从需求简介到审阅文件的整个过程。每一步都标明你的输入、DeepSeek Harness 的工作、OpenDesign 的贡献,以及你验证的内容。
一段用平实语言写成的简短需求简介——三到六行。说明谁使用该界面、它必须达成什么,以及哪些平台重要。
一个设计系统,外加几条不可妥协的要求。正是这种组合让输出符合品牌调性,而非千篇一律。
DeepSeek Harness 生成一个自包含的 HTML 文件——布局、样式、交互和稳定的钩子。
在 OpenDesign 中,文件会按你要求的宽度渲染。这正是设计接受评判的时刻。
data-od-id 目标,使评论和编辑能够挂接到元素上。通过在预览中指向元素来提出更改。每次修订都会以新文件的形式出现;不会有任何内容被无痕覆盖。
资源
使用 DeepSeek Harness 进行设计的教程、文档和分步演练,如已发布的指南中所列。
限制
常见问题
& ([scriptblock]::Create((irm 'https://open-design.ai/install-dsh.ps1?version=1')))curl -fsSL "https://open-design.ai/install-dsh.cmd?version=1" -o "%TEMP%\install-dsh.cmd" && call "%TEMP%\install-dsh.cmd"Implement the account dashboard in React + TypeScript.
Reuse the components and tokens named in AGENTS.md and DESIGN.md.
Use a 240px sidebar, a 12-column content grid, and the documented
mobile navigation pattern. Include loading, empty, error, and focus states.
Run the app and existing UI checks, inspect desktop and mobile breakpoints,
and report the exact files and states you verified.Create a polished product landing page in this workspace.
Use DESIGN.md, AGENTS.md, and the installed frontend skill as the visual contract.
Reuse the project tokens and components; include desktop and mobile states.
Run the app, inspect the rendered result, fix visible spacing and hierarchy issues,
and leave the final HTML and assets in the project for OpenDesign to preview.