DSH Plugins
返回列表
⚙️

dsh-design-audit

工作流 更新于 2026.09.12

在终端中运行以下命令:

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 合规与动效无障碍的产品团队