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