AI工具导航

Lizard Studio

Claude Code 在 Chrome 中,与你查看同一页面

Lizard Studio 是什么?

Lizard Studio 是一款 Chrome 侧边栏扩展,将 Claude Code 嵌入到你的浏览器中,让它与你同步查看正在开发的网页,实时掌握页面文本、代码、控制台日志和网络请求。你可以直接让它点击、输入、拾取颜色或测量元素间距,遇到 bug 时只需指向问题位置,Claude 便会自动修复代码。该项目完全开源,可搭配你自己的 Claude 订阅使用。

产品详细介绍

Claude Code 在 Chrome 中,与你查看同一页面

Lizard Studio 是一款 Chrome 侧边栏扩展,将 Claude Code 嵌入到你的浏览器中,让它与你同步查看正在开发的网页,实时掌握页面文本、代码、控制台日志和网络请求。你可以直接让它点击、输入、拾取颜色或测量元素间距,遇到 bug 时只需指向问题位置,Claude 便会自动修复代码。该项目完全开源,可搭配你自己的 Claude 订阅使用。

定价方案

有免费方案
Free/免费
免费
  • 开源

  • 采用 MIT 许可证授权

  • 使用您自己的 Claude 账号

查看官网价格

创始人评论

[
[REDACTED]创始人

{"translation":"嘿,朋友们,

我每天用 Claude Code 写前端,但整天在标签页之间来回切换、把截图从 Chrome 浏览器复制粘贴到 Claude 应用,真的太累了。

于是我把 Claude Code 直接放进了 Chrome 里。它能看到我所有已登录的标签页,读取实时 DOM、控制台和网络请求,还能点击操作。我说"这个表单坏了",它看到的就是我眼前的同一页。还有元素选择器和标尺,我直接指过去就行,不用描述要改哪里。

永久免费,我自己每天都用,所以会持续更新。

谢谢,

Yura

"}

创始团队

[
[REDACTED]创始团队
Mikhail Erin
Mikhail Erin创始团队

官网信息

官网https://chromewebstore.google.com/detail/lizard-studio-%E2%80%94-claude-co/kgbaeoalmkabpoglpjcdmppdmcipfdeh?ref=producthunt
公司使命

一个 AI 编程代理,驻留在你正在构建的页面旁边,将 Claude Code 放入浏览器侧边栏,用于查看、测量和修复页面。