PL

priyankark/lighthouse-mcp

Developer tools

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

215 stars 21 forks 品質 83 トレンド 38MIT

priyankark/lighthouse-mcp は、https://github.com/priyankark/lighthouse-mcp. からインポートされたMCPサーバー候補です。

概要

priyankark/lighthouse-mcp は、https://github.com/priyankark/lighthouse-mcp. からインポートされたMCPサーバー候補です。

概要(AI 翻訳)

GoogleのLighthouseツールをラップし、ウェブページのさまざまなパフォーマンス指標を測定するMCPサーバーです。

特徴

  • 任意のURLに対して包括的なLighthouse監査を実施
  • パフォーマンススコアと指標の取得
  • デバイスエミュレーションの設定(モバイル/デスクトップ)
  • 制御ネットワークのスロットリング
  • 特定の監査カテゴリを選択する

設置

オプション1:MCPレジストリから(推奨)

このサーバーはモデルコンテキストプロトコルレジストリで利用可能です。MCPクライアントまたはClaude Desktopを使ってインストールしてください。

オプション2:NPXの使用

インストールなしでnpxを使って直接ツールを動かすことができます:

オプション3:グローバルインストール

npmからパッケージをグローバルにインストールします:

そして実行してください:

選択肢4:地域開発

  1. このリポジトリをクローンする

  2. 依存関係のインストール:

  3. プロジェクトを構築する:

  4. サーバーの運営:

MCP構成

npm(グローバルまたはNPX)でインストールした場合

MCPの設定ファイルに以下を追加してください:

ローカル開発版を使用する場合

MCPの設定ファイルに以下を追加してください:

/absolute/path/to/lighthouse-mcpをこのプロジェクトへの実際のパスに置き換えます。

利用可能なツール

run_audit

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

README

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

Lighthouse MCP Server

An MCP server that wraps around Google’s Lighthouse tool to help measure various performance metrics for web pages.

Features

  • Run comprehensive Lighthouse audits on any URL
  • Get performance scores and metrics
  • Configure device emulation (mobile/desktop)
  • Control network throttling
  • Select specific audit categories

Installation

This server is available in the Model Context Protocol Registry. Install it using your MCP client or Claude Desktop.

Option 2: Using npx

You can run the tool directly using npx without installation:

npx lighthouse-mcp

Option 3: Global Installation

Install the package globally from npm:

npm install -g lighthouse-mcp

Then run it:

lighthouse-mcp

Option 4: Local Development

  1. Clone this repository
  2. Install dependencies:
    npm install
    
  3. Build the project:
    npm run build
    
  4. Run the server:
    npm start
    

MCP Configuration

When installed via npm (global or npx)

Add the following to your MCP settings configuration file:

{
  "mcpServers": {
    "lighthouse": {
      "command": "npx",
      "args": ["lighthouse-mcp"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

When using local development version

Add the following to your MCP settings configuration file:

{
  "mcpServers": {
    "lighthouse": {
      "command": "node",
      "args": ["/absolute/path/to/lighthouse-mcp/build/index.js"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

Replace /absolute/path/to/lighthouse-mcp with the actual path to this project.

Available Tools

run_audit

Run a comprehensive Lighthouse audit on a URL.

Parameters:

  • url (required): The URL to audit
  • categories (optional): Array of categories to audit (defaults to all)
    • Options: “performance”, “accessibility”, “best-practices”, “seo”
  • device (optional): Device to emulate (defaults to “mobile”)
    • Options: “mobile”, “desktop”
  • throttling (optional): Whether to apply network throttling (defaults to true)

Example:

{
  "url": "https://example.com",
  "categories": ["performance", "accessibility"],
  "device": "desktop",
  "throttling": false
}

get_performance_score

Get just the performance score for a URL.

Parameters:

  • url (required): The URL to audit
  • device (optional): Device to emulate (defaults to “mobile”)
    • Options: “mobile”, “desktop”

Example:

{
  "url": "https://example.com",
  "device": "mobile"
}

Example Usage

Once the MCP server is configured, you can use it with Claude:

What's the performance score for example.com?

Claude will use the get_performance_score tool to analyze the website and return the results.

Requirements

GitHub で README 全文を見る

インストール

npx lighthouse-mcp
MCP 初心者?mcpskill.org のガイドから始めましょう →

設定

{ "mcpServers": { "lighthouse": { "command": "npx", "args": ["lighthouse-mcp"], "disabled": false, "autoApprove": [] } } }