Markagent: turn any UI click into a perfect prompt for Claude Code, Cursor, and Codex
Markagent is a Chrome extension designed to streamline the process of providing UI feedback to AI coding agents. By allowing users to click on any webpage element and generate a structured markdown prompt, it eliminates the need for lengthy descriptions and screenshots. This tool is beneficial for various roles, including designers, frontend engineers, and QA testers, as it simplifies communication and enhances productivity.
- ▪Markagent allows users to send structured UI feedback to AI coding agents with a single click.
- ▪The extension captures essential details like component names, source file paths, and viewport sizes, creating a prompt that agents can act on immediately.
- ▪It features a Journey Mode that records multi-step interactions, enabling users to document complex bugs effortlessly.
Opening excerpt (first ~120 words) tap to expand
try { if(localStorage) { let currentUser = localStorage.getItem('current_user'); if (currentUser) { currentUser = JSON.parse(currentUser); if (currentUser.id === 3803829) { document.getElementById('article-show-container').classList.add('current-user-is-article-author'); } } } } catch (e) { console.error(e); } Peter Truong Posted on May 19 Markagent: turn any UI click into a perfect prompt for Claude Code, Cursor, and Codex #ai #claude #vibecoding #productivity The bug-report tax If you've spent any time vibe coding with Claude Code, Cursor, or Codex, you know the tax. You spot something off in the UI. A button is two pixels misaligned. A modal closes on the wrong click. A loading state flickers. So you start typing.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at DEV.to (Top).
Discussion
0 commentsMore from DEV.to (Top)
