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. 0119の情報源を統合したガイダンス
  2. 02インタラクションパターンの提案
  3. 03認知負荷を抑える指針
  4. 04ビジュアル設計原則とユーザビリティヒューリスティック
  5. 05Web・モバイル・デスクトップの慣例

活用シーン

  1. 01UX判断の根拠の説明
  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」

概要

Nielsen Norman Group、Laws of UX など、権威ある 19 の情報源からUXに関するガイダンスを統合し、2026年のベストプラクティスに合わせて更新しています。インタラクションパターン、認知負荷の軽減、ビジュアルデザインの原則、ユーザビリティのヒューリスティック、プラットフォーム固有の規約(ウェブ、モバイル、デスクトップ)を扱います。一般論ではなく、確立されたフレームワークに基づく原則的なUXの根拠が必要なときに役立ちます。

使用しない場合

  • コード固有の実装 — このスキルが提供するのはデザインのガイダンスであり、コード出力ではありません
  • ブランドやビジュアルアイデンティティに関する作業 — 専用のブランド/クリエイティブディレクションスキルを使用してください

コメント