dsh-zh-ui
适用于 DeepSeek Harness 的中文 UI 设计规范：包含带有 CJK 排版规则和样式预设的 zh-ui-design skill、项目 DESIGN.md / design.tokens.json 注入，以及静态 zh_design_lint 工具。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:1186258278/dsh-zh-ui#fe2a1270ba45de9fa276b64f63de72b1ee848f78Zh Ui 以 dsh-zh-ui 发布，当前版本为 0.2.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
English | 中文
A DeepSeek Harness (dsh) plugin for Chinese-language UI work. It has three parts:
zh-ui-design: Chinese typography rules (spacing between Chinese and Latin/digits, full-width punctuation, CJK font stacks with fallbacks, line-height 1.6–1.8, 25–40 characters per line), an anti-"generated look" checklist, and a "design direction first" workflow and 4 style presets (observatory, night-shift, cobalt-poster, trust), each with complete CSS custom properties and nav / hero / pricing-card / CTA recipes. Preset text/background pairs are checked against WCAG AA (4.5:1).DESIGN.md and design.tokens.json from the session's working directory and appends them as runtime context (not the cached system prompt). Nothing is injected when the files are absent.zh_design_lint: static scan of HTML / CSS / SCSS / Vue / JSX / TSX / Svelte sources and Tailwind classes. It does not render pages.| Rule | What it reports |
|---|---|
hardcoded-color | Literal colors outside custom-property definitions (--x:), and Tailwind arbitrary colors bg-[#…]. Colors listed in design.tokens.json are allowed. |
off-scale-px | px values in margin / padding / gap / font-size / border-radius / inset properties that are not multiples of the spacing base (default 4px); Tailwind p-[13px] etc. 0, 1, 2 and token px values are allowed. |
font-family-cjk | font-family stacks with no Chinese font (PingFang SC, Microsoft YaHei, Noto Sans SC, …). var(...), inherit and monospace stacks are skipped. |
cjk-latin-spacing | Visible text where a Chinese character directly touches a Latin letter or digit. |
cjk-punctuation | Half-width , ; : ! ? . next to Chinese characters. |
cjk-line-height | Unitless line-height below 1.5 on body-text selectors (headings, buttons, prices etc. excluded); leading-none/tight/snug on <p>, <li> and similar. |
purple-gradient | Gradients containing a violet/purple color (hue 250°–320°); Tailwind `from/via/to-purple |
emoji-icon | Emoji in visible text (symbols such as © and ™ are not counted). |
heading-subtitle | Two or more headings each followed by a short subtitle paragraph, or an eyebrow + heading + subtitle triplet. |
filler-copy | Stock marketing filler (一站式, 赋能, 无缝, seamless, elevate your …). |
Known limits: the CSS parsing is regex-based, not a full parser; color keywords such as white are not detected; contrast, tap-target size and rendered font sizes are not measured — use a rendering tool for those (for example design_audit from dsh-design).
dsh plugin --profile web add github:<owner>/dsh-zh-ui
For local development, mount the build output with a patch:
# extra.yml
- insert:
- id: zh-ui
name: '/absolute/path/to/dsh-zh-ui/lib/index.js'
dsh web --patch ./extra.yml
Requires Node 22+ (a dsh requirement).
- id: zh-ui
name: dsh-zh-ui
config:
registerSkill: true
injectProjectSpec: true
specFiles: [DESIGN.md, design.tokens.json]
maxSpecChars: 8000
rules: [hardcoded-color, off-scale-px, font-family-cjk, cjk-latin-spacing, cjk-punctuation, cjk-line-height, purple-gradient, emoji-icon, heading-subtitle, filler-copy]
spacingBasePx: 4
allowedPx: [0, 1, 2]
minLineHeight: 1.5
maxFiles: 200
ctx.skills.register() — runtime skill (@deepseek-ai/dsh-skill)ctx.on('system-prompt/assemble', …) — appends a runtime context entry after assembly, as @deepseek-ai/dsh-working-directory doesctx.workingDirectory.get(session) — the session's working directoryctx.tools.register(defineTool(…)) — tool registration (@deepseek-ai/dsh-tools)The lint only reads files inside the working directory; paths that resolve outside it are rejected.
npm install
npm run build
npm test
demo/ contains an A/B comparison; see demo/RESULTS.md.
MIT
The skill text was written from scratch; ideas were adapted from:
:focus-visible, no transition: all, prefers-reduced-motion, tabular numbers, 44px mobile targets.