DSH Plugins
返回列表
🖥️

dsh-zh-ui

客户端 更新于 2026.10.21

在终端中运行以下命令:

dsh plugin install 1186258278/dsh-zh-ui

将以下提示词粘贴到 DeepSeek Harness 对话框中:

在 DeepSeek Harness 终端执行 dsh plugin install 1186258278/dsh-zh-ui,即可从 https://github.com/1186258278/dsh-zh-ui 安装本插件。

插件介绍

做中文界面时,模型很容易交出「能跑但不像人做的」页面:中文和英文数字贴在一起、逗号句号仍是半角、行距偏紧、字体栈里没有可靠的中文字体,再叠上常见的紫紫渐变、emoji 当图标,以及「一站式」「赋能」「无缝衔接」一类套话,整体观感与真实产品站相距甚远。单靠每次对话里口头强调排版,既难一致,也难在项目迭代里沉淀成规范。

dsh-zh-ui 是面向 DeepSeek Harness 的中文 UI 插件,把规范、项目上下文和可执行的检查拆成三块协同能力。Skill「zh-ui-design」集中写清中文排版要点(中英与数字间距、全角标点、CJK 字体栈与 1.6–1.8 行高、每行约 25–40 字等),附带反「生成感」清单与「先定设计方向」的工作流;并提供 observatory、night-shift、cobalt-poster、trust 四套风格预设,每套含完整 CSS 自定义属性以及导航、Hero、定价卡、CTA 等结构配方,预设文字与背景对比按 WCAG AA(4.5:1)做过校验。每次 system prompt 组装完成后,插件会从当前会话工作目录读取 DESIGN.md 与 design.tokens.json,以运行时上下文追加进当次提示(非缓存 system prompt);文件不存在则不做注入,避免空占位干扰。

工具「zh_design_lint」对工作目录内的 HTML、CSS、SCSS、Vue、JSX、TSX、Svelte 源码及 Tailwind 类名做静态扫描,不打开浏览器渲染。它会报告硬编码颜色(含 Tailwind 任意色值,design.tokens.json 中声明的色值除外)、间距相关属性里偏离基线(默认 4px 倍数)的 px、缺少中文字体的 font-family、中文与拉丁/数字直接相邻、中文旁的半角标点、正文选择器上过低的 unitless 行高、含紫/violet 色相的渐变、可见文本中的 emoji、多组「标题+短副标题」套路,以及常见中英文营销套话等。实现上 CSS 解析为基于正则的轻量扫描,已知不会抓 white 等颜色关键字,也不测量对比度、触控区域或最终渲染字号——这类问题需配合渲染向审计工具。

适合在 dsh 中持续迭代中文官网、SaaS 落地页、管理后台或设计系统的开发者与小型团队:希望 AI 出码前先对齐排版与视觉方向,用 DESIGN.md 与 design.tokens.json 把项目约束写进每次对话,并在改完样式后用 lint 快速扫一遍典型「中文 UI 异味」,而不是等到肉眼 review 才发现同一类问题反复出现。

使用场景

  • 在 dsh 中迭代中文官网或 SaaS 落地页,希望出码前先对齐排版与视觉方向
  • 项目根目录维护 DESIGN.md 与 design.tokens.json,让每次对话自动带上设计约束
  • 改完 HTML/CSS 或 Tailwind 后,用静态扫描快速发现硬编码色、间距 off-scale 与营销套话

适合人员

  • 在 DeepSeek Harness 里做中文前端或全栈的开发者
  • 需要把设计规范写进仓库、而非只靠口头提示的小团队
  • 关注中英混排、反「生成感」与 WCAG 预设对比的产品与设计协作方