DietCokewithSugar/dsh-user-experience 预览 preview

DietCokewithSugar/dsh-user-experience

面向DeepSeek Harness(DSH)的人物驱动UX走查插件——扫描React+TypeScript源代码,定位UX问题并提出修复建议。

Project Overview项目介绍

dsh-user-experience is a native plugin built exclusively for DeepSeek Harness (DSH) that enables AI-powered UX walkthroughs during front-end development. It simulates interactions with target user personas to uncover experience problems before code reaches production, and outputs concrete, locatable optimization suggestions. It supports analysis for React (TypeScript/JavaScript) and Vue 3 projects, including CSS and layout checks, and can pull additional browser-based evidence if the DSH session can open the running app. Installing it only requires running one DSH CLI command, specifying an exact version to avoid common resolution issues with pnpm.

All analysis is rooted in target user personas, which aligns with the reality that UX issues are relative to who is using the product. Unlike automated tools that only check hard rules like contrast ratio, this plugin centers user needs in every finding. If your project does not already have defined personas, the plugin automatically infers a short draft from the project README and route structure, with no extra setup command required. You can initiate a walkthrough entirely through plain natural language, with no special syntax to learn.

The plugin is released under the open source MIT license, and usually does not require a DSH restart after installation if hot loading works correctly. GitHub source installs are no longer supported because the repository does not commit pre-built artifacts, so all users must install from the public npm registry. Default configuration for scan behavior and output language is stored in the project’s .ux directory, and local user configuration overrides these default settings. Development relies on pnpm to build the required host and client bundles for DSH.

这是一个专为DeepSeek Harness(DSH)开发的原生UX体验走查插件,核心功能是让AI模拟目标用户,在开发阶段就提前发现产品的用户体验问题,并给出具体可定位的优化建议。它支持分析React+TS/JS、Vue3项目的前端代码和CSS布局,如果当前DSH会话可以打开应用,还能获取浏览器侧的运行佐证数据。

该插件以目标用户角色为核心输出所有体验问题的分析依据,如果项目本身没有预设用户角色,它会自动从项目README和路由中推断出角色草稿,不需要额外执行初始化命令。整个分析流程是自然语言驱动,不需要学习特定的斜线命令,直接用日常语言发起检查即可。

安装需要通过DSH的插件管理命令执行,指定npm包名和具体版本号,不支持直接从GitHub源码安装,因为项目不提交构建产物。项目遵循MIT开源许可协议,默认配置可通过项目内.ux目录的配置文件修改,本地用户配置优先级高于默认规则。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 note1 项提示
  • 21 stars - an early-stage project星标 21,属于早期项目
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时(Electron / Python / Docker 等)是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突:命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致,是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需(filesystem / network / shell / clipboard)
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限,以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照,不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装(适合开发者)

CLI Install命令行安装

dsh plugin --profile web add dsh-user-experience@0.4.2

把 DietCokewithSugar/dsh-user-experience 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

English · 简体中文

dsh-user-experience

awesome · DSH plugin

A UX walkthrough plugin for DeepSeek Harness (DSH): AI simulates target users to uncover UX problems during development—before they reach production—and provides concrete optimization suggestions.

Scope: React + TypeScript / React + JavaScript / Vue 3, CSS/layout analysis, and optional browser evidence when the current Harness session can open the application.

🎉 Listed in awesome-dsh-plugin.

Existing automated checks (axe, Lighthouse) can only verify absolute rules — contrast ratio, missing alt text. But UX issues are inherently relative: a confirmation dialog before deleting protects an occasional user but wastes the time of an operator who processes hundreds of records a day. Without knowing who it's for, a "UX issue" cannot be defined.

This plugin makes target user personas the basis of every finding. If the project has no personas yet, the plugin infers a short draft from the README and routes—there is no setup command. By having AI walk through the product as those users, it surfaces experience problems during development and gives concrete, locatable, reviewable optimization suggestions—not post-launch user feedback.

It is a pipeline, not a CLI. Speak in plain language, or just edit a front-end file. There is no /ux command to learn. The report card leads with plain language (which page, what happened, how bad), and folds file paths and rule IDs into a "technical details" block you can copy straight to an AI in one click. Verdicts need no IDs either: click a button, or just say "the second one isn't a problem" or "ignore everything below level three".

Install in Harness

In DeepSeek Harness, enter:

Install the UX plugin in DeepSeek Harness: dsh plugin --profile web add dsh-user-experience@0.4.2

Or run the command directly:

dsh plugin --profile web add dsh-user-experience@0.4.2

Name an exact version rather than @latest: pnpm 11 holds back releases published in the last 24 hours, so @latest can resolve to nothing on a fresh profile. Check the npm version list for newer releases.

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要,完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

← 上一个 Prev DeepSeek-Balance-Whale-Widget-Bowl 下一个 Next dsh-clawrouter →