mcpField
U
ux-designer-skill

ux-designer-skill

github.com/podoDesign & UI29164 installsUpdated 2d ago
Repository

About ux-designer-skill

ux-designer-skill provides UX guidance grounded in 19 sources, including Nielsen Norman Group and Laws of UX. It is intended for design decisions across web, mobile, and desktop, with guidance on usability, interaction, cognition, and visual principles rather than code implementation.

Key features

  1. 01Guidance synthesized from 19 sources
  2. 02Interaction pattern recommendations
  3. 03Cognitive load reduction guidance
  4. 04Visual design principles and usability heuristics
  5. 05Web, mobile, and desktop conventions

Use cases

  1. 01Explaining the rationale for a UX decision
  2. 02Reviewing an interaction pattern
  3. 03Reducing cognitive load in a flow
  4. 04Applying platform-specific usability guidance

Install

Copy the command and run it in a terminal.

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

After installing, type/ux-designer-skillin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

ux-designer-skill

Catalogue stub — full skill: szilu/ux-designer-skill

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/ux-designer-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/ux-designer-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2

  2. Detect scope, then install:

    To detect scope:

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

    Global (installed with -g):

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

    Project (installed without -g):

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

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

  • Skill name: ux-designer-skill
  • Trigger phrases: "UX designer", "UX principles", "Laws of UX", "ux-designer-skill", "usability guidelines"

What it does

Synthesizes UX guidance from 19 authoritative sources including Nielsen Norman Group, Laws of UX, and others, updated for 2026 best practices. Covers interaction patterns, cognitive load reduction, visual design principles, usability heuristics, and platform-specific conventions (web, mobile, desktop). Useful when you need principled UX rationale grounded in established frameworks rather than generic advice.

When NOT to use

  • Code-specific implementation — this skill provides design guidance, not code output
  • Brand or visual identity work — use a dedicated brand/creative direction skill

Comments

Markdown supported