Skip to content
alyn
qufei1993

Dsh Client UI UX skill

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

$npx skills add qufei1993/skills-hub --skill dsh-client-ui-ux
View this skill on GitHubqufei1993/skills-hub/skills/dsh-client-ui-ux/SKILL.md
Pack stars
1,869
Pack installs
28
Alyn Score
47/99
Updated
10 days ago
License
MIT
– views – installs via Alyn
Design

Install Dsh Client UI UX

Pick your agent. Every command is ready to paste.

$npx skills add qufei1993/skills-hub --skill dsh-client-ui-ux

The open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.

01

Install it

Run the command above, or upload the folder in Claude.

02

Ask naturally

Describe the task. Your agent loads dsh-client-ui-ux when the request matches its description.

03

Name it if needed

If it does not trigger, say “use the dsh-client-ui-ux skill”. In Codex, type $dsh-client-ui-ux.

The skill itself

SKILL.md

FolderGitHub

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

阅读项目上下文和UI 规则。运行验证使用验证证据。审计任务保持只读；视觉审查本身不授权重新设计。

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

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

Tips for Dsh Client UI UX

  • • Start a fresh session after installing so your agent picks up the new skill.
  • • It bundles reference files. The agent reads them only when needed, so they cost no context until then.
  • • It is part of a pack with 12 skills. Install only the ones you need with --skill to keep triggers precise.
  • • If two skills overlap, mention the one you want by name.

Questions about Dsh Client UI UX

What does the Dsh Client UI UX skill do?

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

How do I install Dsh Client UI UX?

Run "npx skills add qufei1993/skills-hub --skill dsh-client-ui-ux" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.

Does Dsh Client UI UX work in Cursor and Codex?

Yes. Dsh Client UI UX uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.

Is Dsh Client UI UX free?

Dsh Client UI UX is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.

Who made Dsh Client UI UX?

Dsh Client UI UX is published by qufei1993 in the qufei1993/skills-hub repository, together with 11 other skills.

Similar skills. From other creators.