mcpField
M
mastepanoski-skills

mastepanoski-skills

github.com/podoデザイン・UI29158 回インストール1 日前に更新
リポジトリ

mastepanoski-skills について

mastepanoski-skills は、異なる評価手法を扱う 6 種類の UX/UI 監査スキルです。構造化された手順で、実行可能な指摘をまとめます。

主な機能

  1. 016 種類の UX/UI 監査スキル
  2. 02Nielsen のヒューリスティック評価
  3. 03POUR フレームワークによるアクセシビリティ監査
  4. 04認知的ウォークスルーと UI レビュー
  5. 05構造化された監査結果

活用シーン

  1. 01ヒューリスティックによる製品体験の評価
  2. 02インターフェースのアクセシビリティ確認
  3. 03タスクフローの使いやすさ分析
  4. 04UI のビジュアルレビュー

インストール

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

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

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

同梱ファイルstub.yaml

詳細

mastepanoski-skills

カタログの概要 — パッケージ全体：mastepanoski/claude-skills

判断ツリー

  1. パッケージはすでにインストールされていますか？ エージェントのスキルディレクトリで、mastepanoski-skills にこの概要以外のコンテンツがあるか確認してください。

    • はい → 呼び出して続行します
    • いいえ → ステップ 2 に進みます

  2. どのエージェントを使っていますか？

    • Claude Code / Cursor → npx skills add mastepanoski/claude-skills — またはチャットメッセージとして ! npx skills add … を送信します（グローバルにインストールするには -g を追加し、プロジェクトのみにインストールするには省略します）
    • その他 → GitHub の READMEを参照してください

インストールコマンド

npx skills add mastepanoski/claude-skills

インストール後の呼び出し

  • スキル名：mastepanoski-skills
  • トリガーフレーズ：「mastepanoski」、「Don Norman audit」、「cognitive walkthrough」、「POUR accessibility」、「ux-audit-rethink」

概要

異なる方法論のフレームワークを対象とする、6 つの体系的な UX/UI 監査スキルです。ux-audit-rethink（7 要素の UX 評価）、nielsen-heuristics-audit（Nielsen の 10 ヒューリスティックス）、wcag-accessibility-audit（POUR フレームワーク — 知覚可能、操作可能、理解可能、堅牢）、don-norman-principles-audit（『誰のためのデザイン？』の原則）、cognitive-walkthrough（タスクベースのユーザビリティ分析）、ui-design-review（ビジュアル UI 評価）を提供します。各スキルは体系的な方法論に従い、実行可能な調査結果を提示します。

使用しないケース

  • コードレベルの自動修正 — コンポーネントレベルの修正には react-doctor を使用してください
  • Core Web Vitals とパフォーマンス — cloudflare-web-perf を使用してください

コメント

Markdown 対応