glance
为Claude Code提供AI驱动的浏览器自动化能力，实现网页交互与测试。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：glance。 它的用途是：为Claude Code提供AI驱动的浏览器自动化能力，实现网页交互与测试。 完整的 Skill 内容见：https://321skill.com/skills/glance/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“打开localhost:3000，测试登录流程，使用测试账号并截图结果。”，它会控制浏览器导航到本地开发服务器，自动填写表单、点击登录按钮，并返回登录成功或失败后的页面截图供你验证。或者
对AI说：“检查产品详情页的所有‘加入购物车’按钮是否都能正常点击。”，它会遍历页面元素，执行点击操作并报告每个按钮的交互状态。
介绍
Glance是一个MCP服务器，它赋予Claude Code一个真实的浏览器，解决了AI在理解和操作网页应用时只能“猜测”而无法“看见”和“交互”的核心痛点。
通过集成Glance，Claude Code可以直接在终端内控制浏览器，执行导航、点击、输入、截图等一系列操作，并能实时获取网页的视觉状态（截图）和结构信息（无障碍快照），从而实现真正的端到端自动化。
它非常适合前端开发、测试工程师和全栈开发者，用于在开发过程中快速验证UI功能、执行回归测试或进行自动化流程演示。
使用时，建议在非生产环境中先行测试，并利用其URL白名单、速率限制等安全功能来控制浏览器访问范围，确保自动化操作的安全性和稳定性。
核心特点
与仅提供API调用或模拟浏览器环境的同类工具不同，Glance通过MCP协议与Claude深度集成，能将浏览器截图和页面结构直接内联返回给AI，让AI真正“看见”页面状态，从而实现更精准的视觉验证和基于页面内容的决策。
注意事项
不适合需要高度定制化浏览器行为或处理大量并发浏览器实例的复杂自动化场景。
常见问题
Glance支持哪些浏览器？
基于Chromium内核的无头浏览器，可通过配置开启有头模式进行可视化调试。
能否用于生产环境的自动化测试？
主要设计用于开发和测试环境，生产环境使用需谨慎评估其稳定性和安全策略。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/glance/raw/index.md 读取 glance 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/glance/raw/index.md（查看排版版本）