Ảnh chụp màn hình

Mô tả

Feedback vibe coding cho AI agent. Annotate webpage, screenshot và xuất prompt sang Claude Code, Cursor, Codex, OpenCode. Markagent là web annotator dành riêng cho AI coding agent. Biến những gì bạn thấy thành prompt pixel-precise — đọc như bug ticket cho con người, đưa thẳng vào Claude Code, Cursor, Codex, OpenCode, Antigravity và mọi AI agent. Click vào bất kỳ phần tử nào trên trang web. Để lại ghi chú. Chụp screenshot. Markagent tự động trích xuất React component, source file (ở dev mode), DOM context, CSS selector, URL trang và viewport size — đóng gói thành structured prompt agent-ready mà AI thật sự hiểu. Không cần phải gõ "cái nút bên trái — không, cái kia". Mark vị trí. Gửi prompt cho Agent. ▸ ANNOTATE bất kỳ phần tử nào bằng một click — vibe note nhanh hay spec chi tiết. ▸ CAPTURE screenshot toàn trang hoặc cắt theo phần tử. ▸ RECORD click journey thành reproduction đánh số kèm screenshot. ▸ EXPORT agent-ready prompt sang Claude Code, Cursor, Codex, OpenCode, Antigravity và mọi AI assistant. ▸ 100% LOCAL — annotation, screenshot và prompt không rời khỏi browser. ▸ FREE mãi mãi — không account, không email, không upsell. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ CÁCH HOẠT ĐỘNG ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Giữ Cmd (Mac) hoặc Ctrl (Windows/Linux) và click vào phần tử. Markagent ghim marker đánh số. 2. Gõ ghi chú. "Bo tròn." "Sai copy." "Dịch sang phải 8px." Bao nhiêu cũng được. 3. Chụp screenshot. Toàn trang hay cắt phần tử — tùy bạn. 4. Nhấn Export. Paste prompt vào Claude Code, Cursor, Codex, OpenCode, Antigravity hoặc bất kỳ AI assistant nào. Từ cài đặt đến prompt agent-ready đầu tiên: dưới 60 giây. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ TÍNH NĂNG CHÍNH ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PRECISION ELEMENT TARGETING Markagent nhận diện React component, source file (ở dev mode) và CSS selector ổn định cho mọi phần tử bạn click. AI nhận đúng node — không phải mô tả mơ hồ. SMART SCREENSHOT Toàn trang hoặc vùng nhìn thấy, tự động crop theo phần tử đã annotate. AI nhìn thấy đúng cái bạn nhìn thấy. USER JOURNEY RECORDING Bật journey mode và click của bạn thành reproduction đánh số kèm screenshot. Bug report không cần follow-up call. AGENT-READY PROMPT EXPORT Một click copy prompt structured kèm selector, screenshot, URL, viewport và ghi chú. Đã tune cho từng AI coding agent lớn. KEYBOARD-FIRST Cmd+Shift+. trên Mac. Ctrl+Shift+. trên Windows và Linux. Toolbar gọi ra trên mọi site. ZERO SETUP Không account. Không API key. Không project config. Cài, pin, dùng. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ TƯƠNG THÍCH MỌI AI CODING AGENT ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Export template đã tune cho các AI coding agent chính: • Claude Code — terminal-native agent của Anthropic • Cursor — code editor AI-first • Codex — coding agent của OpenAI • OpenCode — terminal agent open-source • Antigravity — môi trường dev AI của Google Nếu AI tool đọc được text, Markagent dùng được. Bao gồm conversational assistant như ChatGPT, Gemini và Copilot, vibe coding platform như v0, Bolt và Lovable, và local LLM chạy qua Ollama hoặc LM Studio. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ DÀNH CHO AI ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ VIBE CODER — Mệt mỏi giải thích cùng một chỉnh sửa UI ba lần. DESIGNER — Làm design QA trên staging với spec pixel-perfect. PRODUCT MANAGER — Gửi bug report UI engineer hiểu ngay lần đầu. FRONTEND ENGINEER — Prompt tốt hơn khi refactor code lạ. QA TEAM — Bug report reproduce được mà không cần automation framework. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ MỘT EXPORT, HAI ĐỐI TƯỢNG ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Export của Markagent là markdown. Đọc sạch sẽ như bug ticket cho con người — và đưa thẳng vào mọi AI coding agent không cần chỉnh sửa. Tester record journey, gửi cho engineering. Dev đọc như bug report bình thường, hoặc forward chính markdown đó sang Claude Code, Cursor, Codex, OpenCode, Antigravity hay AI agent nào đó để fix. Không bước translate. Không tool thứ hai. Cùng một artifact, hai đối tượng. Handoff human-to-human. Handoff human-to-agent. Một file duy nhất. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ AGENT-NATIVE, KHÔNG CHỈ LÀ ANNOTATOR ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Annotator thông thường lưu ảnh. AI agent nhận screenshot trơn chỉ thấy "có gì đó không ổn đâu đó". Markagent được build cho agent. Mỗi annotation mang theo React component, source file (ở dev mode), DOM context, CSS selector, URL và viewport — đóng gói thành prompt AI có thể chạy luôn, không cần đoán. Cùng một cú click. Context pixel-precise. Fix thật sự. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PRIVACY — 100% LOCAL, KHÔNG TELEMETRY ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Markagent chạy hoàn toàn trong browser. • Không analytics. Không tracking. Không fingerprinting. • Không account. Không login. Không email. • Không server. Zero outbound request. • Không cloud sync. Note nằm trong local extension storage, không đâu khác. Tự kiểm tra trong tab Network của Chrome DevTools. Không gì rời khỏi browser. Host permission cần thiết để inject toolbar và đọc DOM structure trên trang bạn annotate. Không gửi data đi đâu cả. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ GIÁ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Free. Mãi mãi. Không account. Không upsell. Không tier "Pro". ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ BẮT ĐẦU NHANH ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Cài Markagent. 2. Pin lên toolbar browser. 3. Trên bất kỳ trang nào, nhấn Cmd+Shift+. (Mac) hoặc Ctrl+Shift+. (Windows/Linux). 4. Giữ Cmd hoặc Ctrl và click vào phần tử bất kỳ để annotate lần đầu. 5. Gõ note. Chụp screenshot. Export. Paste vào AI agent. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ CÂU HỎI THƯỜNG GẶP ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Q: Làm sao gửi UI feedback cho Claude Code, Cursor hay Codex? A: Dùng Markagent. Click vào phần tử bất kỳ, để lại note, nhấn Export và paste prompt vào AI agent. Markagent tự động capture React component, source file (ở dev mode), DOM context, CSS selector, URL và screenshot — agent nhận context pixel-precise thay vì mô tả mơ hồ. Với bug multi-step, bật journey mode và Markagent record click thành reproduction đánh số kèm screenshot để AI follow từng bước. Cùng một export hoạt động trong Claude Code, Cursor, Codex, OpenCode, Antigravity và mọi text-input AI tool. Q: Vì sao Markagent là web annotator tốt nhất cho AI coding agent? A: Markagent là tool annotation duy nhất build riêng cho AI coding agent — cho cả single-element feedback và multi-step user journey. Annotate phần tử và Markagent capture React component, source file (ở dev mode), DOM context, CSS selector, URL và screenshot. Hoặc bật journey mode và Markagent silently record mỗi click thành reproduction đánh số kèm screenshot — repro hoàn chỉnh từng bước AI follow được không cần đoán. Annotator thông thường lưu ảnh; Markagent giao prompt. Kết quả: ít vòng hỏi lại "ý bạn là gì?", fix loop nhanh hơn, và prompt đưa agent thẳng đến đúng dòng code — dù là một button hay bug checkout năm bước. Q: Markagent khác screenshot tool thông thường thế nào? A: Screenshot tool lưu ảnh. Markagent generate structured prompt — mỗi annotation mang theo React component, source file, DOM context và CSS selector, mọi thứ AI coding agent cần để tìm và fix đúng dòng code ngay lần đầu. Q: Markagent có hoạt động với vibe coding platform như v0, Bolt, Lovable không? A: Có. Export là plain text — paste vào mọi AI tool nhận prompt được. Q: Người không phải dev trong team có dùng Markagent để bug report được không? A: Có. Markagent build cho team không kém gì solo dev. Export là markdown sạch sẽ, nên QA tester, product manager và designer có thể annotate bug hoặc record user journey, sau đó gửi report structured cho engineering. Dev đọc như ticket bình thường, hoặc forward chính markdown đó sang Claude Code, Cursor hay AI coding agent nào đó để fix. Cùng artifact, hai đối tượng, zero bước translate — chính vì vậy Markagent hoạt động đều cho cả workflow human-to-human và human-to-agent. Q: Markagent có gửi data đi đâu không? A: Không. Markagent 100% local. Screenshot, note và export không rời khỏi browser. Q: Markagent dùng được trên localhost và site có authentication không? A: Được. Localhost, staging URL, dashboard nội bộ — mọi thứ bạn mở được trong browser. Q: Markagent thực sự free? A: Đúng. Không paid tier, mãi mãi. Q: Markagent chỉ là Chrome extension thôi à? A: Hiện tại có — chạy trên Chrome, Edge, Brave, Arc và mọi browser dựa Chromium. Firefox đang trong roadmap. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Hết mô tả. Bắt đầu mark. Cài Markagent và đưa cho AI agent của bạn UI feedback chính xác mà nó vẫn chờ đợi. Free. Local. Build cho workflow modern agentation và vibe coding. Mark vị trí. Gửi prompt cho Agent.