Chrome 侧边栏为网页添加实时 AI 配对编程
蜥蜴工作室 - Claude Code 侧边面板，由 Dragon Labs LLC 开发，将 Anthropic 的 Claude Code 嵌入 Chrome，以提供网页的上下文开发帮助。该扩展在浏览器侧边面板中显示一个助手，连接到本地运行的 Claude Code CLI，以协助调试、代码建议和页面编辑。它的界面将视觉捕捉和设计工具包分组，旨在为希望拥有 AI 感知浏览器工作流程的网页开发人员和 UI 设计师提供服务。
助手能像人类合作者一样与页面互动吗？
可以：该工具将助手连接到浏览器执行环境，因此它可以检查实时文档结构并在活动标签上操作。这种连接使助手能够捕获合成的屏幕截图、注释元素并执行点击或输入等操作，使人工智能具备实时上下文，从而更像是一个配对程序员，而不是一个被动的总结者。
它是否保持本地处理并限制第三方路由？
本地优先架构：该扩展通过本地消息主机驱动本地Claude Code CLI，开发者描述其完全在用户机器上运行。安装步骤使用Node.js（主机通过npx命令安装），开发者表示不使用外部服务器或遥测，这减少了与云介导侧边栏相比，网络传输到外部处理器的需求。
它如何融入开发者现有的工作流程和工具？
与常见前端任务的集成：该扩展捆绑了页面设计助手和检查工具，这些工具通常需要单独的工具。界面包括：
- 标尺、指南和列网格
- 用于颜色采样的吸管
- 响应式视口预览和元素注释
该扩展还与您现有的Anthropic帐户和项目文件夹一起使用，因此不需要单独的Lizard帐户；这减少了帐户摩擦，同时将工具与开发者控制的Claude Code设置绑定。
适合接受本地设置的开发者的实用选择
Lizard Studio 适合准备运行本地 Claude Code CLI 并安装本地主机的开发者和设计师，因为该要求创建了一个前期配置步骤。对于愿意添加 Node.js 工具的团队，该扩展将 AI 助手直接嵌入到浏览器工作流程中，并保持处理在本地；对于避免本地组件的用户来说，设置负担使其成为一个不太方便的选择。
