mcpField
U
ux-designer-skill

ux-designer-skill

github.com/podo设计与 UI29164 次安装1 天前更新
代码仓库

关于 ux-designer-skill

ux-designer-skill 汇总 Nielsen Norman Group、Laws of UX 等 19 个来源的 UX 指导，适用于 Web、移动端和桌面端设计决策。内容涵盖可用性、交互、认知与视觉原则，不提供代码实现。

主要功能

  1. 01综合 19 个来源的指导
  2. 02交互模式建议
  3. 03降低认知负荷的指导
  4. 04视觉设计原则与可用性启发式
  5. 05Web、移动端和桌面端规范

适用场景

  1. 01说明 UX 决策的依据
  2. 02评估交互模式
  3. 03降低流程中的认知负荷
  4. 04应用平台特定的可用性指导

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill ux-designer-skill

安装后在 Claude Code 中输入/ux-designer-skill确认已加载。

附带文件stub.yaml

详细介绍

ux-designer-skill

目录占位条目 — 完整技能：szilu/ux-designer-skill

决策树

  1. 是否已安装完整技能？ 检查此位置的技能是否仍包含 das: 块：

    • 全局：grep -q "^das:" ~/.agents/skills/ux-designer-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目：grep -q "^das:" .agents/skills/ux-designer-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 不含 das: 块 → 已安装完整技能，调用它并继续
    • 含有 das: 块 → 转到第 2 步

  2. 检测范围，然后安装：

    检测范围：

    [ -e ~/.agents/skills/ux-designer-skill ] && echo "global" || echo "project"

    全局（使用 -g 安装）：

    npx skills add szilu/ux-designer-skill --skill ux-designer-skill -g -y

    项目（不使用 -g 安装）：

    npx skills add szilu/ux-designer-skill --skill ux-designer-skill -y

    Claude Code： 将任一命令作为以 ! 开头的聊天消息发送，即可在不离开对话的情况下运行。

安装后调用

  • 技能名称：ux-designer-skill
  • 触发短语："UX designer"、"UX principles"、"Laws of UX"、"ux-designer-skill"、"usability guidelines"

功能

综合整理了来自 19 个权威来源的 UX 指导，包括 Nielsen Norman Group、Laws of UX 等，并根据 2026 年的最佳实践进行了更新。内容涵盖交互模式、降低认知负荷、视觉设计原则、可用性启发式以及特定平台惯例（Web、移动端、桌面端）。当你需要基于成熟框架、而非泛泛建议的 UX 理由时，它会很有用。

不适用场景

  • 特定于代码的实现 — 此技能提供设计指导，不生成代码
  • 品牌或视觉识别设计 — 请使用专门的品牌／创意方向技能

评论

支持 Markdown