domscribe
★ 169
vs
learn-claude-code
★ 63.6k
domscribe vs learn-claude-code
domscribe：Domscribe 将 AI 编码代理与运行中的前端应用连接起来。它提供构建时稳定的 ID、深度的运行时上下文（props、state、DOM）以及源代码与实时浏览器之间的双向查询。它兼容多种框架，并支持任何兼容 MCP 的代理。；learn-claude-code：本仓库提供了一个实践教程，通过从零开始构建一个现代AI代理来学习其工作原理，强调模型与工具交互的核心循环。它将复杂的代理概念简化为迭代版本，从基本的Bash代理到复杂的基于技能的系统。
01
简评
选 domscribe 如果…让 AI 代理“看到”浏览器：代理查询源代码，获取实时 DOM 快照、props、state，以在编辑前后验证更改。
选 learn-claude-code 如果…从零开始学习构建现代AI编码代理
02
并排对比
03
功能特性
domscribe01通过 AST 注入构建时稳定的 ID（data-ds 属性）
02深度运行时上下文捕获（props、state、DOM 快照）
03源代码与 UI 的双向查询（代码→实时 DOM，UI→代码注解）
04框架无关，支持 React、Vue、Next.js、Nuxt 等
05提供 MCP 工具用于代理集成（12 个工具、4 个提示）
learn-claude-code01理解核心代理循环模式
02学习有效的AI交互工具设计
03实现显式规划以预测AI行为
04通过子代理隔离管理上下文和内存
05使用技能按需注入领域专业知识
04
使用场景
domscribe↳让 AI 代理“看到”浏览器：代理查询源代码，获取实时 DOM 快照、props、state，以在编辑前后验证更改。
↳点击并指示 UI 更改：开发人员在浏览器覆盖层中点击元素，输入指令，代理获取注解并实现更改。
↳注释元素以进行 AI 驱动的重构或样式调整，提供完整的源位置和运行时上下文以实现精确修改。
learn-claude-code↳从零开始学习构建现代AI编码代理
↳开发AI代理的自定义工具和技能
↳根据不同复杂级别搭建新的代理项目
05
适合场景
domscribe时下流行代码助手开发者工具
learn-claude-code最受欢迎时下流行
FAQ
常见问题
domscribe 和 learn-claude-code 有什么区别？
domscribe 和 learn-claude-code 都属于 Code Assistant 类别。domscribe 有 169 Stars，learn-claude-code 有 63.6k Stars。
domscribe 和 learn-claude-code 哪个更好？
最佳选择取决于你的具体需求。让 AI 代理“看到”浏览器：代理查询源代码，获取实时 DOM 快照、props、state，以在编辑前后验证更改。 时选 domscribe，从零开始学习构建现代AI编码代理 时选 learn-claude-code。
domscribe 是免费的吗？
是的，domscribe 在 GitHub 开源（MIT）。
learn-claude-code 是免费的吗？
是的，learn-claude-code 在 GitHub 开源（MIT）。
→