🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
BytesAgain β€Ί Skills β€Ί Web Auto Analyzer
πŸ¦€ ClawHub

Web Auto Analyzer

by @lj-hao

Automatically analyze websites for performance metrics and audit issues using Lighthouse.

Versionv1.1.1
Downloads523
#legal#automation
TERMINAL
clawhub install web-auto-analyzer

πŸ“– About This Skill

name: Chrome DevTools Auto Analyzer slug: chrome-devtools-auto-analyzer version: 1.1.1 homepage: https://github.com/user/chrome-devtools-auto-analyzer description: Automatically analyze websites for performance metrics and audit issues using Lighthouse. metadata: {"clawic":{"emoji":"πŸ€–","requires":{"bins":["node","npm"],"npm":["lighthouse","chrome-launcher"]},"os":["linux","darwin","win32"]}}

When to Use

User wants to automatically analyze a website URL for performance metrics, accessibility, SEO, or best practices without manual Chrome DevTools interaction.

Core Rules

1. Verify prerequisites β€” Check Node.js (v18+) and packages installed: node --version && npm list lighthouse chrome-launcher

2. Run Lighthouse audit β€” Execute node automation-script.js [--mobile] [--output=DIR] to collect all metrics.

3. Extract and present metrics β€” Use tables for scores (0-100) and metrics with status indicators (βšͺ Good, 🟑 Warning, πŸ”΄ Critical).

4. Identify critical issues β€” Flag metrics outside thresholds: LCP>2.5s, CLS>0.1, INP>200ms, TBT>200ms, Performance<50.

5. Provide actionable fixes β€” For each issue, include specific code fixes from audit-checklist.md and metrics-reference.md.

6. Save results β€” Store JSON and HTML reports in ./results/. Ask user before saving to memory for tracking.

7. Handle errors gracefully β€” If audit fails, check troubleshooting.md for common solutions (Chrome not found, ES module errors, memory issues).

Quick Reference

| Topic | File | |-------|------| | Automation script | automation-script.js | | Metrics & thresholds | metrics-reference.md | | Fix checklists | audit-checklist.md | | Setup guide | setup.md | | Quick start | quick-start.md | | Troubleshooting | troubleshooting.md | | Memory tracking | memory-template.md |

Data Storage

After analysis, offer to save: URL, timestamp, scores, critical issues, report path. Always ask before saving to memory.

Security & Privacy

  • Runs locally in headless Chrome β€” no external data transmission
  • Warn before analyzing authenticated URLs
  • JSON reports contain URL structure β€” handle sensitive paths carefully

    • Common Commands

    # Quick audit (desktop)
node automation-script.js https://example.com
    Mobile emulation
    
node automation-script.js https://example.com --mobile
    Custom output directory
    
node automation-script.js https://example.com --output=./reports
    Lighthouse CLI directly
    
lighthouse https://example.com --output=json --output-path=report.json

    Troubleshooting Quick Reference

    | Error | Solution | |-------|----------| | "lighthouse is not a function" | Add "type": "module" to package.json | | "Chrome not found" | Install Chrome or use npm install puppeteer | | "JavaScript heap out of memory" | Run with node --max-old-space-size=4096 | | "Port already in use" | Specify different port in script config |

    ⚑ When to Use

    User wants to automatically analyze a website URL for performance metrics, accessibility, SEO, or best practices without manual Chrome DevTools interaction.