ux-patterns について
ux-patternsは、92種類のUXパターンを扱うデザイナーや開発者向けのリファレンススキルです。カテゴリや関連リンクで候補を絞り、個別パターンの実装指針と検証項目へ案内します。
主な機能
- 0111のUXパターンカテゴリを網羅
- 02カテゴリや別名でパターンを絞り込み
- 03候補間のトレードオフを比較
- 04個別パターンスキルへのリンク
- 05アクセシビリティ、性能、テストの指針
活用シーン
- 01ユーザーフローに合うUIパターンの選定
- 02フォームやナビゲーション案の比較
- 03実装前のアクセシビリティとテスト確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/ux-patternsを入力して読み込まれたか確認します。
同梱ファイルreferences/categories.md
詳細
UX Patterns Global
このスキルは、サイト全体にわたる 92 の UX パターンを集約し、記憶に頼って推測することなく、適切な実装方法を選べるよう支援します。
ワークフロー
- コンポーネントにすぐ着手するのではなく、ユーザーの課題、タスクフロー、制約から始めます。
- カテゴリー、別名、関連パターンへのリンクを使って、候補となるパターンを絞り込みます。
- 複数のパターンが適している場合は、実装前にトレードオフを比較します。
- 方針が明確になったら、対象のパターンスキルをインストールし、そのリファレンスファイルをもとに実装します。
- リリース前に、アクセシビリティ、パフォーマンス、テストに関するガイダンスを確認します。
対象範囲
- advanced：3 パターン
- ai-intelligence：10 パターン
- authentication：7 パターン
- content-management：7 パターン
- data-display：12 パターン
- e-commerce：3 パターン
- forms：26 パターン
- media：3 パターン
- navigation：11 パターン
- social：4 パターン
- user-feedback：6 パターン
パターンをカテゴリー別にまとめたインデックスについては、references/categories.md をご覧ください。
サイトインデックス：https://uxpatterns.dev/llms-full.txt
コメント
Markdown 対応