Nếu bạn hay vibe coding với Claude Code / Cursor / Codex chắc sẽ gặp cảnh này.
Bạn đang nhìn UI và thấy có gì đó sai sai và bắt đầu prompt:
Hey, on the dashboard page, change color of the second button in the top-right toolbar. Beside that when I click it on this the loader is not showing…
Gõ một hồi xong rồi Claude Code/Cursor/Codex lại đoán sai element, sửa nhầm file, rồi bạn lại phải giải thích tiếp và bắt đầu phát bực :)))
Markagent sinh ra giải quyết vấn đề trên
Thay vì ngồi describe UI bằng chữ, bạn click và các element cần nói tới, thêm note và Copy/Paste prompt được sinh ra vào Claude Code, Cursor, Codex, ChatGPT, v0, Bolt, Lovable… lúc này agent có đủ context để nhảy đúng component, đúng file, đúng chỗ cần sửa.
Ngoài ra...
Không chỉ vibe coder/developer mới cần đến extension này, nếu bạn là:
QA ? Bạn có thể dùng Markagent để tạo step to reproduce bug và gửi cho dev
Designer/Product manager? Bạn có thể dùng Markagent để feedback về UI/ feature và gửi cho dev hoặc tự bạn có thể fix luôn mà không cần đến dev haha
Tải về ở đây nhé - 100% local data - no tracking nên không lo nhé
Keywords: vibe coding, UI feedback for AI agents, web annotator for Claude Code, Cursor UI feedback, Codex prompt export, OpenCode agent prompt, Antigravity annotation, annotate webpages, capture screenshots, record user journeys, export agent prompts, AI coding agent, structured prompt, React component selector, DOM context, CSS selector, agent-ready bug report, local-first chrome extension, vibe coding chrome extension, QA bug reproduction, design QA tool, frontend AI workflow, ChatGPT v0 Bolt Lovable Ollama LM Studio.
Tags: #vibecoding #ClaudeCode #Cursor #Codex #OpenCode #Antigravity #ChromeExtension #AIagents #AItools #frontend #devtools #UIUX #productivity #QA #designtools #ChatGPT #v0 #Bolt #Lovable
