メニュー
Runs Google Lighthouse audits using Playwright for SEO, Performance, Accessibility, and Best Practices scoring. Supports both URLs and local HTML files. Use when user mentions "Lighthouse", "page speed", "performance audit", "Core Web Vitals", "CWV", or needs comprehensive web performance analysis.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Runs automated HTML linting using @axe-core/playwright (WCAG accessibility) and markuplint (HTML standards). Use when user asks to "lint HTML", "run automated checks", "validate HTML", "check accessibility", or mentions "axe-core", "markuplint", "automated audit".
Analyzes HTML files for SEO issues using static analysis with cheerio. Checks meta tags, Open Graph, Twitter Cards, heading structure, and JSON-LD structured data. Use when user mentions "SEO check", "meta tags", "og tags", "structured data validation", "SEO audit", or wants to analyze HTML/JSX for SEO compliance.
Validates essential web resource files (sitemap.xml, robots.txt, llms.txt, security.txt) for compliance with their specifications. Use when user asks about "sitemap validation", "robots.txt check", "llms.txt", "security.txt", "RFC 9116", "RFC 9309", "web resource audit", "サイトマップ", "セキュリティ", or wants to verify crawler/LLM accessibility files.
Scans containers and Dockerfiles for security issues. Wraps Hadolint for Dockerfile linting and Trivy for container image scanning. Use when user asks to "scan Dockerfile", "lint Dockerfile", "container security", "image scan", "Dockerセキュリティ", "コンテナスキャン".
Scans Infrastructure as Code for security misconfigurations. Wraps tfsec for Terraform and Checkov for multi-cloud IaC. Use when user asks to "scan Terraform", "IaC security", "infrastructure scan", "tfsec", "checkov", "Terraformセキュリティ", "インフラスキャン".
Runs Static Application Security Testing (SAST) using Semgrep. Scans source code for vulnerabilities, security anti-patterns, and OWASP Top 10 issues. Use when user asks to "run SAST", "scan for vulnerabilities", "static analysis", "code security scan", "静的解析", "脆弱性スキャン".
| name | lighthouse-runner |
| description | Runs Google Lighthouse audits using Playwright for SEO, Performance, Accessibility, and Best Practices scoring. Supports both URLs and local HTML files. Use when user mentions "Lighthouse", "page speed", "performance audit", "Core Web Vitals", "CWV", or needs comprehensive web performance analysis. |
Runs Google Lighthouse audits via Playwright for comprehensive web quality assessment including SEO, Performance, Accessibility, and Best Practices.
cd ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner
npm install
npm run build
# Analyze a URL
npx tsx ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner/src/index.ts https://example.com
# Analyze a local HTML file (auto-starts local server)
npx tsx ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner/src/index.ts path/to/file.html
# Analyze a development server
npx tsx ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner/src/index.ts http://localhost:3000
# Output JSON format
npx tsx ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner/src/index.ts https://example.com --json
# Specify categories
npx tsx ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner/src/index.ts https://example.com --categories=seo,accessibility
# After npm run build
node ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner/dist/index.js https://example.com
| Category | Description | Key Metrics |
|---|---|---|
| Performance | Page load speed | LCP, FID, CLS, TTFB, Speed Index |
| SEO | Search engine optimization | Meta tags, crawlability, mobile |
| Accessibility | WCAG compliance | Color contrast, ARIA, keyboard |
| Best Practices | Web standards | HTTPS, console errors, image aspect |
| Score | Rating | Action |
|---|---|---|
| 90-100 | Good (Green) | Maintain |
| 50-89 | Needs Improvement (Orange) | Optimize |
| 0-49 | Poor (Red) | Priority fix |
# Lighthouse Report: https://example.com
## Scores
- Performance: 85/100 [########--]
- SEO: 95/100 [#########-]
- Accessibility: 78/100 [#######---]
- Best Practices: 92/100 [#########-]
## Core Web Vitals
- LCP: 2.1s [GOOD]
- FID: 45ms [GOOD]
- CLS: 0.050 [GOOD]
## Additional Metrics
- TTFB: 320ms
- Speed Index: 3.2s
- FCP: 1.8s
- TBT: 120ms
## Performance Issues
1. **Eliminate render-blocking resources** (45%)
3 resources blocking first paint
2. **Serve images in next-gen formats** (60%)
Use WebP or AVIF
{
"url": "https://example.com",
"timestamp": "2024-01-15T10:00:00Z",
"lighthouseVersion": "12.0.0",
"scores": {
"performance": 85,
"seo": 95,
"accessibility": 78,
"best-practices": 92
},
"metrics": {
"lcp": 2100,
"fid": 45,
"cls": 0.05,
"ttfb": 320,
"speedIndex": 3200,
"fcp": 1800,
"tbt": 120
},
"audits": {
"performance": [...],
"seo": [...],
"accessibility": [...],
"best-practices": [...]
}
}
When analyzing local HTML files, the runner:
serveNote: Local file analysis may not accurately reflect production performance due to:
For JavaScript frameworks, analyze the running development or production server:
# Start your dev server first
npm run dev # Starts at http://localhost:3000
# Then run Lighthouse against it
npx tsx src/index.ts http://localhost:3000
# For production build analysis
npm run build && npm run start
npx tsx src/index.ts http://localhost:3000
For comprehensive SEO analysis:
# Run static analysis first (fast)
npx tsx ${CLAUDE_PLUGIN_ROOT}/skills/seo-analyzer/src/index.ts file.html
# Then run Lighthouse (slower but comprehensive)
npx tsx ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner/src/index.ts http://localhost:3000
postinstall)If Playwright can't find Chromium:
cd ${CLAUDE_PLUGIN_ROOT}/skills/lighthouse-runner
npx playwright install chromium
For slow pages, increase the timeout:
npx tsx src/index.ts https://slow-site.com --timeout=120
On WSL or headless Linux, you may need additional dependencies:
# Install required libraries for Playwright
npx playwright install-deps chromium