dsh-design-audit
在终端中运行以下命令:
dsh plugin install gongyijie85/dsh-design-audit
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 终端执行 dsh plugin install gongyijie85/dsh-design-audit 即可安装,完整源码地址见 https://github.com/gongyijie85/dsh-design-audit
插件介绍
DSH 插件生态中,设计生成与截图还原已有成熟方案,但 UI/UX 审查与优化闭环一直是空白。dsh-design-audit 补上这一环:它不生成界面、不做像素还原,专注于量出问题、给出可粘贴的修复、再证明修好了。整个流程围绕截图取证、确定性判据、CSS 补丁与复测验证展开,形成闭环。
工具链由三个工具组成:design_capture 用无头 Chrome 多视口整页截图并采集客观测量值;design_review 跑 13 组确定性判据(涵盖无障碍、排版、布局交互、动效),输出分级问题列表与逐元素 CSS 修复建议,附自包含 HTML 报告;design_fix 把问题转成可直接粘贴的 CSS 补丁,可选追加到样式文件并自动备份。判据与测量分离,审计互不掩盖。
适合正在维护真实项目、需要可量化设计质量门槛的前端工程师与产品团队。零 npm 依赖,仅需 Node 22 及以上与本机 Chrome 或 Edge,即装即用。
使用场景
- 新项目上线前跑一遍 13 组判据,确保无障碍、排版、布局达标
- 排查浮层遮挡、横向溢出、JS 动效未响应 reduce 等肉眼难发现的问题
- 对已有页面应用 CSS 补丁后复测,量化修复前后对比
适合人员
- 需要量化设计质量门槛的前端工程师
- 维护多页面项目、要求回归验证的团队
- 关注 WCAG 合规与动效无障碍的产品团队