Harness Trust
搜索插件、npm 包名或仓库

dsh-user-experience

@DietCokewithSugar · Git
检测未发现问题无安装脚本来源一致

DSH 插件：AI 模拟目标用户走查 React/Vue 前端代码，在开发阶段定位 UX 问题并给出优化建议。

v0.4.2版本
npm 预构建包安装方式
2026-08-17最近更新
19 · 274Star · 周下载
dsh plugin --profile web add dsh-user-experience查看仓库

插件介绍

根据仓库资料整理 · commit bba21e6

主要功能

  • AI 模拟目标用户走查产品，在编码阶段而非上线后发现潜在 UX 问题
  • 支持 React + TypeScript/JavaScript、Vue 3 SFC 源码分析，以及 CSS/SCSS/Sass/Less/PostCSS 的保守型走查
  • 无需专门设置命令，若项目缺少用户画像会自动从 README 和路由推断 1-3 个候选人设
  • 报告卡以通俗语言描述问题及影响，技术细节（文件路径、规则 ID）可一键复制给其他 AI 处理
  • 编辑前端代码后自动触发走查，仅对一、二级严重问题主动提示，不打断正常编码
  • 在可访问浏览器的情况下提供渲染截图与交互证据，问题标记为 static/rendered/interactive 三级可信度

适合什么时候用

  • 前端开发过程中希望及早发现交互体验问题，而不是等上线后收集用户反馈
  • 团队需要基于明确的目标用户画像来评估功能设计是否合理（如高频操作者 vs 偶尔使用者）
  • 希望把发现的 UX 问题快速转化为可执行、可直接交给 AI 处理的优化任务

安装后会多出什么

界面UX 走查报告卡（含问题描述、严重程度与复制给 AI 的操作按钮）

使用前需要

  • 需在 DSH 的 web profile 中通过 npm 安装，并依赖多个 @deepseek-ai 官方包（如 dsh-agent、dsh-client-ui-conversation、dsh-session 等 peerDependencies）
  • 渲染/交互类证据为可选功能，需当前 Harness 会话具备浏览器能力并能打开被走查的应用
  • 不支持 Svelte、Vue 2 及小程序（.wxml）等技术栈

在 GitHub 阅读完整 README

权限与能力

安装后它能碰到什么
不覆盖任何 dsh-base 宿主行：不接管沙箱、审批、凭据等能力。
宿主能力
Agent 控制浏览器 UI环境变量文件系统外部网络会话数据宿主子进程
能力是范围不是结论：很多能力是功能所需。

基本信息

仓库DietCokewithSugar/dsh-user-experiencenpmdsh-user-experience@0.4.2安装方式npm 预构建包收录日期2026-08-14固定 commitbba21e6a6348 · 2026-08-17
dsh plugin --profile web add dsh-user-experience