npm lighthouse-mcpstdioMITupdated 3mo ago
An MCP server that wraps around Google's Lighthouse tool to help measure various performance metrics for web pages.
lighthouse mcp で何ができる?
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
Option 1: From MCP Registry (Recommended)
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
- Clone this repository
- Install dependencies:
npm install - Build the project:
npm run build - 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 auditcategories(optional): Array of categories to audit (defaults to all)- Options: "performance", "accessibility", "best-practices", "seo", "pwa"
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 auditdevice(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
- Node.js 16+
- Chrome/Chromium browser (for Lighthouse)
Endorsements
インストール
lighthouse mcp をクライアントに追加します。お使いのものを選んでください。
claude mcp add lighthouse-mcp -- npx -y lighthouse-mcpcodex mcp add lighthouse-mcp -- npx -y lighthouse-mcpamp mcp add lighthouse-mcp -- npx -y lighthouse-mcp{
"mcpServers": {
"lighthouse-mcp": {
"command": "npx",
"args": [
"-y",
"lighthouse-mcp"
]
}
}
}Add to `claude_desktop_config.json`, then restart Claude Desktop.
{
"mcpServers": {
"lighthouse-mcp": {
"command": "npx",
"args": [
"-y",
"lighthouse-mcp"
]
}
}
}Add to `~/.cursor/mcp.json`, or `.cursor/mcp.json` for a single project.
code --add-mcp '{"name":"lighthouse-mcp","command":"npx","args":["-y","lighthouse-mcp"]}'Or add the block manually to `.vscode/mcp.json` under `servers`.
{
"mcpServers": {
"lighthouse-mcp": {
"command": "npx",
"args": [
"-y",
"lighthouse-mcp"
]
}
}
}Add to `~/.codeium/windsurf/mcp_config.json`.
{
"mcpServers": {
"lighthouse-mcp": {
"command": "npx",
"args": [
"-y",
"lighthouse-mcp"
]
}
}
}Add to `cline_mcp_settings.json` via the MCP Servers panel.
{
"mcpServers": {
"lighthouse-mcp": {
"command": "npx",
"args": [
"-y",
"lighthouse-mcp"
]
}
}
}Add to `~/.gemini/settings.json`.
{
"mcpServers": {
"lighthouse-mcp": {
"type": "local",
"command": "npx",
"args": [
"-y",
"lighthouse-mcp"
],
"tools": [
"*"
]
}
}
}Add to `~/.copilot/mcp-config.json`, or run `/mcp add` inside the CLI.
{
"context_servers": {
"lighthouse-mcp": {
"command": {
"path": "npx",
"args": [
"-y",
"lighthouse-mcp"
]
}
}
}
}Add to your Zed `settings.json`.
npx -y lighthouse-mcpRun `goose configure`, choose **Add Extension → Command-line Extension**, and paste this command.
スコア
39 / 100
情報不足
- ドキュメント18/25
- メンテナンス13/25
- 信頼性13/20
- 機能0/15
- 導入のしやすさ12/15
- Documents what it does and how to connect
- Has a resolvable package or endpoint
- Exposes at least one tool, prompt or resource
- README has substantive content
- Includes a code example
- Documents its configuration
- Mentions credentials or security posture
- Last commit 101 days ago
- Has a release history
- Repository is not archived
- Licensed MIT
- Namespace verified in the official MCP registry
- Claimed by its owner
- Published under an organisation
- 0 tool(s) documented
- Provides prompt templates
- Provides resources
- 12 documented install method(s)
- Published to a package registry
- Offers a hosted endpoint — no local install
バージョン履歴
| バージョン | 公開日 |
|---|---|
| 0.1.9最新 | 2025年9月9日 |
| 0.1.7 | 2025年9月9日 |