SheepNav
PageSpeed → CLAUDE.md

PageSpeed → CLAUDE.md

producthunt.com

将Lighthouse审计转化为Claude修复计划

16天前制作者:Baris

关于 PageSpeed → CLAUDE.md

PageSpeed → CLAUDE.md 是一款将 Google PageSpeed Insights 审计结果直接转化为 Claude Code 可执行修复计划的 AI 工具。只需输入任意网页 URL,工具便会自动运行 Lighthouse 性能审计,并生成一个专为失败项目定制的 CLAUDE.md 文件。将该文件放入你的代码仓库后,Claude Code 即可根据其中的指令自动应用修复,大幅提升网页性能优化效率。

核心功能

  • 一键审计:输入 URL 即可触发 Google PageSpeed Insights 全面审计,涵盖性能、可访问性、最佳实践、SEO 等多个维度。
  • 智能生成 CLAUDE.md:根据审计结果中的失败项目,自动生成结构化的修复计划,包括问题描述、优先级、建议修复方案及代码示例。
  • 无缝集成 Claude Code:生成的 CLAUDE.md 可直接被 Claude Code 识别并执行,实现从审计到修复的全自动化流程。

主要特性

  • 节省时间:无需手动分析 Lighthouse 报告,工具自动提取关键问题并生成可执行计划。
  • 精准修复:修复计划针对每个失败审计项提供具体建议,减少试错成本。
  • 易于使用:仅需一个 URL,即可获得完整的修复指南,适合开发者和性能优化工程师。
  • 持续优化:支持多次审计和迭代,帮助团队持续监控和改进网页性能。
  • 开源友好:生成的 CLAUDE.md 文件格式标准,可轻松集成到现有 CI/CD 流程中。

适用场景

  • Web 性能优化:快速识别并修复影响页面加载速度的关键问题,如未优化的图片、渲染阻塞资源等。
  • 可访问性改进:根据审计结果修复可访问性缺陷,如缺少 ARIA 标签、颜色对比度不足等。
  • SEO 提升:优化页面结构、元数据等,提升搜索引擎排名。
  • 团队协作:将修复计划作为文档共享,确保团队成员对优化目标达成一致。

相关工具