microsoft/clarity-mcp-server

Developer tools 公式

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

135 stars 37 forks 品質 72 トレンド 17MIT

Repository Install

Microsoft/Clarity-MCP-Serverは、https://github.com/microsoft/clarity-mcp-server.からインポートされたMCPサーバー候補です。

概要

Microsoft/Clarity-MCP-Serverは、https://github.com/microsoft/clarity-mcp-server.からインポートされたMCPサーバー候補です。

概要（AI 翻訳）

これはMicrosoft Clarity向けのモデルコンテキストプロトコル(MCP)サーバーです。 Claude for Desktopや他のMCP互換クライアントを使って、Clarityのセッション録画、プロジェクト分析、ドキュメントにアクセスできます。

主な特徴

Analytics Data Access:Microsoft Clarityの分析データを検索できます。トラフィック指標、ユーザー行動の洞察、パフォーマンス統計などが含まれます
セッション録画の検索:セッション録画にアクセスし解析し、ユーザーのやり取りを理解し最適化の機会を特定する
自然言語問い合わせ:データから洞察を得るために平易な英語で質問をする - 複雑なクエリ構文やAPIエンドポイントを学ぶ必要はありません
柔軟なデータフィルタリング:ブラウザ、デバイス、国別など様々な次元で結果をフィルタリング
リアルタイムデータアクセス:Clarityプロジェクトから最新の分析データやインサイトをオンデマンドで取得
ドキュメント統合:ワークフロー内のMicrosoft Clarityドキュメントから迅速な回答とガイダンスを得られます

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

Microsoft Clarity MCP Server

This is a Model Context Protocol (MCP) server for the Microsoft Clarity. It allows you to access your session recordings, project analytics, and documentation from Clarity using Claude for Desktop or other MCP-compatible clients.

Key Features

Analytics Data Access: Query your Microsoft Clarity analytics data including traffic metrics, user behavior insights, and performance statistics
Session Recording Retrieval: Access and analyze session recordings to understand user interactions and identify optimization opportunities
Natural Language Querying: Ask questions in plain English to get insights from your data - no need to learn complex query syntax or API endpoints
Flexible Data Filtering: Filter results by various dimensions such as browser, device, country, and many more
Real-Time Data Access: Fetch the latest analytics data and insights from your Clarity projects on-demand
Documentation Integration: Get quick answers and guidance from Microsoft Clarity documentation directly within your workflow
Seamless MCP Integration: Works natively with Claude for Desktop, Visual Studio Code, and other Model Context Protocol (MCP) compatible clients

Setup and Installation

Prerequisites

Node.js v16 or higher
A Microsoft Clarity account and API token
Any MCP-compatible client (Claude for Desktop, etc.)

Installation

Option 1: Install via npm (recommended)

You can install and run this package directly using npm:

# Install globally
npm install -g @microsoft/clarity-mcp-server

# Run the server
clarity-mcp-server

Option 2: Run with npx without installing

You can run the server directly using npx without installing:

npx @microsoft/clarity-mcp-server

With either option, you can provide your Clarity API token using the --clarity_api_token parameter:

npx @microsoft/clarity-mcp-server --clarity_api_token=your-token-here

Option 3: Manual Installation

Clone or download this repository
Install dependencies:
```
npm install
```
Build the TypeScript code:
```
npm run build
```
Run the server:
```
npm run start
```

Extension/Plugin Installation

Visual Studio Code Extension

Click the button above to install the Microsoft Clarity MCP server directly in Visual Studio Code.

Claude Desktop Plugin

Install from Claude’s extension gallery:

Open Claude Desktop
Navigate to File → Settings → Extensions
Search for Microsoft Clarity
Click Install to add the extension

GitHub で README 全文を見る

インストール

npx @microsoft/clarity-mcp-server --clarity_api_token=your-api-token-here

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

{
  "mcpServers": {
    "@microsoft/clarity-mcp-server": {
      "command": "npx",
      "args": [
        "@microsoft/clarity-mcp-server",
        "--clarity_api_token=your-api-token-here"
      ]
    }
  }
}