dsh-user-experience:DeepSeek Harness 的 UX 走查插件
dietcokewithsugar/dsh-user-experience
DSH plugin 以用户画像驱动 UX 走查,扫描前端代码定位问题并给出修复建议。
让 AI 模拟目标用户走查产品,在开发阶段发现体验问题并给出具体建议。
dsh plugin --profile web add github:dietcokewithsugar/dsh-user-experience- 分类
- 开发与运维
- 平台
- DSH-Plugin
- 作者
- dietcokewithsugar
- 分发方式
- 插件
dsh-user-experience 核心特性
dsh-user-experience 仓库信息

dsh-user-experience 仓库简介
dsh-user-experience 是 DeepSeek Harness(DSH)的 UX 走查插件(DSH plugin),由 DietCokewithSugar 维护,采用 MIT 协议,最近更新于 2026-08。它解决的核心问题是:传统自动化检查(如 axe、Lighthouse)只能验证绝对规则(对比度、缺失 alt 文本),而 UX 问题本质上是相对的——一个删除前的确认对话框对偶尔使用的用户是保护,但对每天处理数百条记录的操作员却是时间浪费。该插件将“目标用户画像”作为走查的前提,让 AI 模拟目标用户在产品中走查,在开发阶段就发现体验问题,并给出具体、可定位、可审查的优化建议。它不是一个 CLI,而是一个流水线:编辑前端文件后走查自动运行,报告以通俗语言说明(哪个页面、发生了什么、严重程度),并将文件路径和规则 ID 折叠到“技术细节”块中,可一键复制给 AI。支持 React + TypeScript / React + JavaScript / Vue 3、CSS/布局分析,并在当前 Harness 会话可打开应用时提供可选的浏览器证据。
dsh-user-experience 这个 DSH plugin 支持哪些输入和解析引擎?
该插件支持 React + TypeScript(.ts/.tsx)和 React + JavaScript(.js/.jsx),均使用 TypeScript 编译器 API(TSX)解析;Vue 3(.vue SFC)则通过 @vue/compiler-sfc 进行块拆分,并用 @vue/compiler-dom 生成模板 AST,脚本块复用 TypeScript 引擎,行号会重映射到整个 .vue 文件。CSS/SCSS/Sass/Less/PostCSS 会进行保守的间距、紧凑布局和装饰性内容候选分析,但视觉结论仍需渲染页面。当浏览器/截图工具和可运行应用可用时,代理会检查相关路由和视口,并提供多级证据(渲染级和静态级)供审查。
dsh-user-experience 怎么安装到 DeepSeek Harness?
在 DeepSeek Harness 中,进入 web 配置文件,执行以下命令安装:
dsh plugin --profile web add github:dietcokewithsugar/dsh-user-experience
安装后需重启 DSH 或重新加载 web 配置文件。GitHub 插件在安装期间会执行构建脚本,安装前请阅读安全说明,并在生产环境中固定可信的提交版本。
dsh-user-experience 的走查报告如何呈现和交互?
走查报告以通俗语言解释观察到的行为和用户影响,确认发现后,卡片会提供一个可复制给其他 AI 的任务 Prompt,该 Prompt 描述观察到的现象而非规定代码更改,并允许复制更改。多级证据出现在技术细节中,每个视觉或交互结论都可审查。报告卡片和确认工作流可以使用开发者的语言(界面预览带示例数据)。
dsh-user-experience 的核心理念是什么?
该插件将目标用户画像作为走查的前提:每个发现都锚定到明确的画像,没有画像就没有结论。通过让 AI 以这些用户的身份走查产品,在开发期间暴露体验问题,而不是发布后的用户反馈。它已列入 awesome-dsh-plugin 列表。