ux-designer-skill について
ux-designer-skillは、Nielsen Norman GroupやLaws of UXを含む19の情報源に基づくUXガイダンスを提供します。Web、モバイル、デスクトップの設計判断を支援し、コード実装ではなく、使いやすさやインタラクション、認知、ビジュアルの原則を扱います。
主な機能
- 0119の情報源を統合したガイダンス
- 02インタラクションパターンの提案
- 03認知負荷を抑える指針
- 04ビジュアル設計原則とユーザビリティヒューリスティック
- 05Web・モバイル・デスクトップの慣例
活用シーン
- 01UX判断の根拠の説明
- 02インタラクションパターンの評価
- 03フローの認知負荷の軽減
- 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
判断ツリー
-
スキルの全文はすでにインストールされていますか? この場所にあるスキルに、まだ
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 に進みます
- グローバル:
-
スコープを検出してからインストールします:
スコープを検出するには:
[ -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の根拠が必要なときに役立ちます。
使用しない場合
- コード固有の実装 — このスキルが提供するのはデザインのガイダンスであり、コード出力ではありません
- ブランドやビジュアルアイデンティティに関する作業 — 専用のブランド/クリエイティブディレクションスキルを使用してください
コメント
Markdown 対応