mcpField
N
neo-user-journey

neo-user-journey

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

neo-user-journey について

neo-user-journeyは、UX担当者向けのユーザージャーニーマッピングスキルです。Playwrightのテストモードに感情追跡、ペルソナ、ヒューリスティック評価を組み合わせます。

主な機能

  1. 014種類のPlaywrightテストモード
  2. 02各ステップの感情追跡
  3. 0350種類以上のUXパターン
  4. 047種類の合成ペルソナ
  5. 05Nielsenヒューリスティック評価

活用シーン

  1. 01エンドツーエンドのユーザージャーニー作成
  2. 02認知的ウォークスルーによるフロー評価
  3. 03インタラクションのアクセシビリティ監査
  4. 04多様なユーザー像のシミュレーション

インストール

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

$npx skills add https://github.com/podo/design-agent-skills --skill neo-user-journey

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

同梱ファイルstub.yaml

詳細

neo-user-journey

カタログのスタブ — スキルの完全版はこちら:Cornjebus/neo-user-journey

判断ツリー

  1. スキルの完全版はすでにインストールされていますか? この場所にあるスキルに、まだ das: ブロックが含まれているか確認します:

    • グローバル:grep -q "^das:" ~/.agents/skills/neo-user-journey/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • プロジェクト:grep -q "^das:" .agents/skills/neo-user-journey/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • das: ブロックがない → スキルの完全版がインストールされています。これを呼び出して続行します
    • das: ブロックがある → ステップ 2 に進みます
  2. スコープを検出してからインストールします:

    スコープを検出するには:

    [ -e ~/.agents/skills/neo-user-journey ] && echo "global" || echo "project"
    

    グローバル(-g を付けてインストール):

    npx skills add Cornjebus/neo-user-journey --skill neo-user-journey -g -y
    

    プロジェクト(-g を付けずにインストール):

    npx skills add Cornjebus/neo-user-journey --skill neo-user-journey -y
    

    Claude Code: 会話から離れずにコマンドを実行するには、どちらかのコマンドを先頭に ! を付けてチャットメッセージとして送信します。

インストール後に呼び出す

  • スキル名:neo-user-journey
  • トリガーフレーズ:「user journey」、「UX journey」、「journey mapping」、「Playwright UX」、「neo-user-journey」

機能

各ステップでユーザーの感情状態を追跡しながら、ユーザージャーニーをエンドツーエンドでマッピングする、エリート UX エージェンシー向けスキルです。稼働中または localhost の URL に対して、ハッピーパス、認知的ウォークスルー、アクセシビリティ監査、合成ユーザーシミュレーションの 4 つの Playwright テストモードを実行します。50 種類以上の UX パターン、多様なユーザーの典型を表す 7 つの合成ペルソナ、ニールセンのヒューリスティクス評価基準、表面的な分析を防ぐための明示的な「汎用 AI」対策ガードレールを備えています。

使用しない場合

  • ユーザーフローのない静的なデザイン作業 — 代わりにデザインレビュー用スキルを使用します
  • インタラクション要素のない純粋なビジュアル監査 — plan-design-review を使用します

コメント