Lighthouse Agentic Browsing · WebMCP · llms.txt · 免费

Agentic Browsing 技能

一个 Claude Code 技能,为任何网站审计并修复 Google Lighthouse 的 Agentic Browsing 类别 —— 让 AI 智能体与答案引擎能够读取、浏览并操作它,而不仅仅是在搜索中排名。涵盖可爬取的 HTML、面向智能体的无障碍树、布局稳定性、llms.txt 以及 WebMCP 工具搭建。这正是让 puniverse.net 拿到 Agentic Browsing 满分的同一套方法。

Agentic Browsing 技能

观看 60 秒介绍

适合谁使用?

适合使用 React、Next、Vite 或 Astro 构建网站的创始人与开发者 —— 他们希望自己的网站能在智能体网络中被发现并被使用(ChatGPT、Perplexity、Claude、Copilot 与操作型智能体),而不只是被搜索引擎收录。

工作原理

1

对任意 URL 运行内置的零依赖 Node 审计脚本,数秒内标记出被评分的各项信号。

2

修复可爬取的 HTML 基础 —— 让页面服务端渲染,使无障碍树在 JavaScript 运行之前就已存在。

3

整理面向智能体的无障碍树:名称、标签、标题层级、角色与可见性。

4

稳定布局(CLS),让智能体在识别元素后点击时元素不会移位。

5

添加格式正确的 llms.txt,再把表单、搜索与结账流程暴露为智能体可操作的 WebMCP 工具。

如何设置

  • 从 Gumroad 免费下载该技能并解压。
  • 将 agentic-browsing 文件夹复制到你的 Claude Code 技能目录(~/.claude/skills/)。
  • 开启新的 Claude Code 会话 —— 当你要求让网站面向智能体就绪时,该技能会自动触发。
  • 对你的网站运行审计脚本,并应用它指出的修复项。
  • 在 Chrome 150+ 中运行真实的 Lighthouse Agentic Browsing 报告以确认得分。

系统要求

Claude Code(或任何能读取技能文件夹的智能体)
Node.js 18+ 以运行审计脚本
Chrome 150+ 以获取权威的 Lighthouse Agentic Browsing 报告
仅在搭建可选的 WebMCP 工具时才需要 WebMCP origin-trial 令牌