mcpField
U
uxui-principles

uxui-principles

github.com/sickn33デザイン・UI48.7k166 回インストール今日更新
リポジトリ

uxui-principles について

uxui-principlesは、インターフェース評価やUXのアンチパターン検出、AI支援の設計・コーディングへのUX情報の追加に使える、5つのエージェントスキル集です。重要度と改善案を含む構造化された結果を返し、APIで引用情報を補足することもできます。

主な機能

  1. 015つのUX/UI評価スキル
  2. 02研究に基づく原則による評価
  3. 03UXアンチパターンや問題の検出
  4. 04重要度と改善案を含む構造化結果
  5. 05APIによる引用情報の追加(任意)

活用シーン

  1. 01既存インターフェースの監査
  2. 02AI搭載インターフェースのレビュー
  3. 03ユーザーフローのUX上の問題確認
  4. 04実装前のUXガイダンス取得

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill uxui-principles

インストール後、Claude Code で/uxui-principlesを入力して読み込まれたか確認します。

詳細

UX/UI 原則

168 の研究に裏付けられた UX/UI 原則に対してインターフェースを評価し、アンチパターンを検出し、AI 支援による設計やコーディングのセッションに UX コンテキストを注入するための 5 つのエージェントスキルのコレクションです。

ソース: https://github.com/uxuiprinciples/agent-skills

スキル

スキル目的
uxui-evaluator168 の研究に裏付けられた原則に対してインターフェースの説明を評価します
interface-auditoruxuiprinciples のスメル分類を使用して UX アンチパターンを検出します
ai-interface-reviewerAI 時代の 44 の UX 原則に対して AI 搭載インターフェースを監査します
flow-checker意思決定、エラー、フィードバックの原則に対してユーザーフローをチェックします
vibe-coding-advisor実装前にバイブコーディングセッションへ UX コンテキストを注入します

使用する場面

  • 既存のインターフェースの UX 上の問題を監査するとき
  • UI が研究に裏付けられたベストプラクティスに従っているかを確認するとき
  • デザイン内のアンチパターンや UX スメルを検出するとき
  • 信頼性、透明性、安全性の観点から AI 搭載インターフェースをレビューするとき
  • 実装の前または実装中に UX のガイダンスを得るとき

仕組み

  1. コレクションから任意のスキルをインストールします
  2. 評価したいインターフェース、画面、またはフローを説明します
  3. スキルが関連する原則に対して評価し、重大度レベルと修正手順を含む構造化された調査結果を返します
  4. オプションで uxuiprinciples.com API に接続し、完全な引用付きの出力を得られます

インストール

npx skills add uxuiprinciples/agent-skills

制限事項

  • このスキルは、タスクが上記の範囲に明確に一致する場合にのみ使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代替として扱わないでください。
  • 必要な入力、権限、安全境界、または成功基準が欠けている場合は、停止して確認を求めてください。

コメント