Skip to main content
Glama

Playwright-Lighthouse MCP Server

by kbyk004

Playwright-Lighthouse MCP サーバー

PlaywrightとLighthouseを用いてウェブサイトのパフォーマンスを分析するMCPサーバー。モデルコンテキストプロトコル(MCP)を通じて、LLMはウェブサイトのパフォーマンス分析を実行できます。

特徴

  • Lighthouseによるパフォーマンス分析
  • スクリーンショットキャプチャ

設定

前提条件

  • Node.js 18以上
  • npm

インストール

# Clone the repository git clone https://github.com/kbyk004/playwright-lighthouse-mcp.git cd playwright-lighthouse-mcp # Install dependencies npm install npx playwright install # Build npm run build

使用法

MCPサーバーのデバッグ

npm run inspector

MCPクライアントとの統合

このサーバーは、モデルコンテキストプロトコル(MCP)をサポートするクライアントで使用するように設計されています。例えば、Claude for Desktopと統合できます。

Claude for Desktop の設定例

Claude for Desktop 構成ファイル ( ~/Library/Application Support/Claude/claude_desktop_config.json ) に以下を追加します。

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

利用可能なツール

1. ランライトハウス

現在開いているページで Lighthouse パフォーマンス分析を実行します。

パラメータ:

  • url : 分析したいウェブサイトのURL
  • categories : 分析するカテゴリの配列 (デフォルト: ["performance"])
    • 利用可能なカテゴリ: 「パフォーマンス」、「アクセシビリティ」、「ベストプラクティス」、「SEO」、「PWA」
  • maxItems : 各カテゴリに表示する改善項目の最大数(デフォルト: 3、最大: 5)

2. スクリーンショットを撮る

現在開いているページのスクリーンショットを撮ります。

パラメータ:

  • url : キャプチャしたいウェブサイトのURL
  • fullPage : trueの場合、ページ全体のスクリーンショットをキャプチャします(デフォルト: false)

出力形式

分析結果は次のとおりです。

  • 選択した各カテゴリーの総合スコアとカラーインジケーター
  • カテゴリー別にまとめた主要な改善領域
  • 保存されたレポートファイルへのパス

ライセンス

MITライセンス - 詳細はライセンスを参照

-
security - not tested
A
license - permissive license
-
quality - not tested

local-only server

The server can only run on the client's local machine because it depends on local resources.

Playwright と Lighthouse を使用して Web サイトのパフォーマンスを分析するサーバー。LLM がモデル コンテキスト プロトコルを通じて Web パフォーマンス分析を実行できるようにします。

  1. 特徴
    1. 設定
      1. 前提条件
      2. インストール
    2. 使用法
      1. MCPサーバーのデバッグ
      2. MCPクライアントとの統合
    3. 利用可能なツール
      1. ランライトハウス
      2. スクリーンショットを撮る
    4. 出力形式
      1. ライセンス

        Related MCP Servers

        • A
          security
          A
          license
          A
          quality
          A Model Context Protocol server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment.
          Last updated -
          13
          9,457
          3,642
          TypeScript
          MIT License
          • Linux
          • Apple
        • A
          security
          F
          license
          A
          quality
          A server that enables browser automation using Playwright, allowing interaction with web pages, capturing screenshots, and executing JavaScript in a browser environment through LLMs.
          Last updated -
          12
          9,457
          1
          TypeScript
        • -
          security
          A
          license
          -
          quality
          A Model Context Protocol server that provides browser automation capabilities using Playwright, enabling LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment.
          Last updated -
          3
          Python
          Apache 2.0
        • -
          security
          A
          license
          -
          quality
          A Model Context Protocol server that allows LLMs to interact with web content through standardized tools, currently supporting web scraping functionality.
          Last updated -
          Python
          MIT License
          • Linux
          • Apple

        View all related MCP servers

        MCP directory API

        We provide all the information about MCP servers via our MCP API.

        curl -X GET 'https://glama.ai/api/mcp/v1/servers/kbyk004/playwright-lighthouse-mcp'

        If you have feedback or need assistance with the MCP directory API, please join our Discord server