Lizard Studio

Lizard Studio 是一款创新的开源开发工具，它将 Claude Code 的强大能力直接嵌入到 Google Chrome 的侧边栏中。它能够实时“看到”你正在构建的页面，包括文本、代码、控制台日志和网络请求，让你无需切换窗口即可获得 AI 辅助。

核心功能

• 实时页面感知：Lizard Studio 能理解当前页面的 DOM 结构和样式，精准定位元素。
• 直接交互操作：你可以直接点击页面上的元素，或通过文本指令，让 Claude 帮你修改代码、调整样式。
• 控制台与网络监控：自动捕获控制台错误和网络请求，帮助 Claude 快速诊断问题。

主要特性

• 无缝集成：直接在 Chrome 侧边栏使用，无需切换上下文。
• 精准定位：点击页面元素即可让 Claude 聚焦于对应代码。
• 视觉辅助：Claude 可以测量元素间距、拾取颜色，确保设计还原。
• 100% 开源：完全开源，可自由定制和审计。
• 自带 API Key：使用你自己的 Claude 订阅，数据更安全。

适用场景

• 前端调试：快速修复样式错位、控制台报错等问题。
• UI 微调：直接指出视觉问题，让 Claude 调整像素级细节。
• 学习辅助：观察 Claude 如何修改代码，提升自己的编码能力。

Lizard Studio 让 AI 编程助手真正“看到”你的工作，极大提升开发效率，是前端开发者不可或缺的利器。