Menu

Individual skill

dsh-client-ui-ux

0upvotes

设计、实现或审查客户端 UI、响应式布局、交互状态、焦点或失败反馈时使用，结合真实运行界面验证用户体验。

skills/dsh-client-ui-ux/SKILL.md

Read pinned source

Source commit a8cee8831f288376b8cc5d7d0d28485a03911c1e

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
Yes
Observed behavior
Instructions only
Last checked
Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
1,871
Repository last updated
Nov 1, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# 构建和审查易用的客户端界面

阅读[项目上下文](references/project-context.md)和[UI 规则](references/ui.md)。运行验证使用[验证证据](references/evidence.md)。审计任务保持只读；视觉审查本身不授权重新设计。

1. 明确用户任务、已有组件和设计变量体系、语言资源维护位置及平台。改变呈现方式前，先追踪状态和用户操作。
2. 梳理适用的加载、空内容、已编辑、保存中、成功、失败和取消状态。反馈的持续时间应匹配尚未完成的工作。失败时保留草稿与选择，并提供用户能找到的恢复操作。
3. 检查交互责任：禁用和等待行为、重复触发、键盘与焦点、弹窗进入退出及焦点返回。保证背景内容与浮层顺序一致。不绕过语言资源管理，把产品文字直接写在其他位置。
4. 使用目标项目的组件和设计变量实现响应式布局。按项目无障碍要求，检查窄屏、桌面、长内容及缩放状态。
5. 按项目文档启动或识别当前构建。确认实际运行的产物，再使用可用浏览器工具操作真实控件并查看截图。检查失败反馈和键盘行为，不能只看 DOM 元素存在。缺少浏览器或运行环境访问时，标明视觉验证受阻。

报告受影响的用户状态、视口和交互证据，以及剩余缺口。仅凭静态代码检查，不能认定视觉或响应式验收完成。
Back to top