Show HN: DOMPrompter - 点击 DOM 元素，获取结构化的 AI 编程提示
4 分•作者: witnote•4 个月前
构建这个工具是因为，AI UI 编码中最难的部分不是生成整个页面，而是在最后微调阶段，准确地告诉模型要修改哪个元素。<p>DOMPrompter 是一款 macOS 工具，适用于基于 DOM 的 UI。你只需点击确切的元素，检查相关的标签、间距、位置上下文，描述你想要做的更改，然后为 Cursor、Claude Code、Copilot 等生成更结构化的提示。<p>它适用于本地项目、静态 HTML 以及使用 Web 技术构建的桌面应用程序。<p>GitHub: <a href="https://github.com/hooosberg/DOMPrompter" rel="nofollow">https://github.com/hooosberg/DOMPrompter</a>
Mac App Store: <a href="https://apps.apple.com/us/app/domprompter-ai-coding-prompt/id6761685716?mt=12">https://apps.apple.com/us/app/domprompter-ai-coding-prompt/i...</a><p>欢迎从事前端/氛围编码风格工作流程的人提供反馈。
查看原文
Built this because the hardest part of AI UI coding is not generating a whole page - it is telling the model exactly which element you want to change in the last-mile micro-tuning pass.<p>DOMPrompter is a macOS tool for DOM-based UIs. You click the exact element, inspect the relevant tag / spacing / position context, describe the change, and generate a more structured prompt for Cursor, Claude Code, Copilot, etc.<p>It works with localhost projects, static HTML, and desktop apps built with web technology.<p>GitHub: <a href="https://github.com/hooosberg/DOMPrompter" rel="nofollow">https://github.com/hooosberg/DOMPrompter</a>
Mac App Store: <a href="https://apps.apple.com/us/app/domprompter-ai-coding-prompt/id6761685716?mt=12">https://apps.apple.com/us/app/domprompter-ai-coding-prompt/i...</a><p>Would love feedback from people doing front-end / vibe-coding style workflows.