AIを活用してUIの摩擦ポイントを特定する方法

エージェントがMicrosoft Clarityからレイジクリックやデッドクリックを抽出することで、ユーザーが直面している問題を正確に特定します。セッション録画も取得できるため、摩擦が発生した瞬間の状況を直接確認できます。修正すべき要素のリストが明確に手に入ります。

1. 01

   不満の検知

   サイトのデータをスキャンし、短時間に繰り返しクリックが行われた箇所を特定します。

   list_rage_clicks
2. 02

   デッドエンドの発見

   クリックしてもインターフェースから何の反応も得られなかった箇所を検索します。

   list_dead_clicks
3. 03

   セッションの確認

   クリックが発生した文脈を理解するために、ユーザーの操作画面の録画を取得します。

   get_recording
4. 04

   結果の集計

   特定されたクリックと録画をまとめ、UIの不具合レポートを作成します。

   list_rage_clickslist_dead_clicks

Microsoft Clarity Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — Microsoft Clarity capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "microsoft-clarity-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

一度接続するだけで、エージェントがClarityのデータにアクセスできるようになります。認証情報は暗号化され、安全に管理されます。

• 01

  AIが壊れたボタンを自動で修正することはできますか？

  いいえ。AIは摩擦ポイントを特定し、その状況を提示しますが、ウェブサイトへのコード適用は手動で行う必要があります。

• 02

  AIがClarityの録画を削除することはありますか？

  いいえ。提供されるツールはデータの読み取りとリスト化のみを許可しています。AIがMicrosoft Clarityのデータを削除したり変更したりすることはできません。

• 03

  AIにログインパスワードを教える必要がありますか？

  いいえ。Vinkius経由で安全に接続を管理するため、チャット内でパスワードを共有することなく、エージェントがデータにアクセスできます。

• 04

  ヒートマップを見つけることはできますか？

  いいえ。現在のツールで対応しているのは、レイジクリック、デッドクリック、およびセッション録画のみです。

• 05

  どの録画を見ればよいか、AIはどうやって判断するのですか？

  エージェントはクリックデータから特定のセッションIDを特定し、そのIDを使用して該当する録画を取得します。

• Microsoft Clarityについてさらに詳しく知りたいですか？ Microsoft Clarity Connectorの全機能を見る