Dosmos
Active
什么是 Dosmos?
Dosmos 是一款免费、开源的桌面应用，把浏览器、代码编辑器、终端和 Chrome 开发者工具整合在一个窗口里。在你正在运行的网站上点击任意元素，AI 编程助手就会拿到确切的源文件和行号，你再也不用描述或截图说明你指的是哪个元素。它可连接 Claude Code、Cursor、Codex、Antigravity 或 Qwen。
如何使用 Dosmos?
安装 Node.js 和一个编程助手（Claude Code、Cursor、Codex、Antigravity 或 Qwen），下载 macOS 或 Windows 版 Dosmos，然后在运行中的网站上点击元素，把精确的源码位置直接发给你的 AI 助手。
Dosmos 核心特点
01
点选定位
在运行中的网站上点击任意元素，AI 助手就能拿到确切的源文件与行号，无需截图。
02
区域选择
拖出一个框圈选任意区域，让 AI 在改动前获得所需的视觉上下文。
03
批量修改
选中多个元素、把改动排好队，一次性全部交给 AI 助手处理。
04
内置代码编辑器
点击元素，源码会在对应的精确行打开。CMD+P 跳转任意文件，CMD+S 保存并热重载。
05
Chrome 开发者工具
完整的 Chrome 检查器、控制台和网络面板内嵌在应用里——调试无需离开窗口。
06
设计令牌与 CSS 检查器
输入 > 搜索 Tailwind 令牌并用它代替硬编码值；按住 ALT 检查计算样式与颜色。
Dosmos 使用案例
调整 UI 间距、颜色和文案，无需描述你指的是哪个元素
用浏览器、编辑器、终端和开发者工具在一个窗口里构建和调试前端
通过引用 Tailwind 令牌而非硬编码值，让 AI 的改动始终符合你的设计系统
在桌面、平板和手机视口之间做响应式测试
点击元素直接跳转到源码，快速熟悉不熟悉的代码库
Dosmos 常见问题解答
Dosmos 是什么？
Dosmos 支持哪些 AI 编程助手？
Dosmos 多少钱？
Dosmos 支持哪些操作系统？
Dosmos 与浏览器开发者工具有什么不同？
使用 Dosmos 需要会编程吗？
Dosmos 会把我的代码发到别处吗？
Dosmos 产品背景及官方链接
Dosmos 支持电子邮件和客户服务联系方式和退款联系方式等。
更多联系方式，请访问 关于我们页面(https://dosmos.app/setup)
Dosmos 推特
Dosmos 推特链接： https://x.com/assentorp
Dosmos GitHub
Dosmos GitHub 链接： https://github.com/assentorp/dosmos
Dosmos 定价和计划
最受欢迎
免费
免费免费
- 免费、开源的桌面应用
- 无需账号或订阅
- 支持 macOS 13+ 与 Windows 10+
- 可连接 Claude Code、Cursor、Codex、Antigravity 或 Qwen