Show HN: DOMPrompter – click a DOM element, get a structured AI coding prompt

Category: devtools

Tags: ai-assisted-coding, frontend-tooling, dom-inspection, css-editor, prompt-engineering

Score: 6.8/10 (Innovation: 7, Technical: 6, Documentation: 8, Utility: 6)

DOMPrompter is a macOS desktop app that visually bridges web UI inspection and AI coding assistants. It lets developers click DOM elements, tweak CSS properties, and generate structured prompts for tools like Cursor and Claude Code, solving the 'last-mile' precision problem in AI-assisted front-end tuning. It's interesting as a specialized workflow tool that combines Chrome DevTools Protocol, Electron, and React to create a visual annotation layer for AI code generation.

Target audience: frontend devs

Repository: https://github.com/hooosberg/DOMPrompter · HTML · 13 stars

View on Hacker News