Tự làm tiện ích Chrome dịch tiếng Anh sang tiếng Việt ngay trên máy, không cần API key (vibe coding)
Dịch cả trang thì lộn xộn, copy từng đoạn sang trang dịch thì mất công; nhiều tiện ích dịch đòi đăng nhập, gửi chữ mình đọc lên máy chủ lạ hoặc đòi trả phí. Dành cho: người hay đọc trang web, email tiếng Anh (thư trường, trang bảo hiểm, tin tức), người muốn thử vibe coding lần đầu với một dự án nhỏ dùng được ngay.
Sao chép prompt, dán vào ChatGPT hoặc Gemini, rồi thay phần trong [ngoặc vuông] bằng thông tin của bạn.
Prompt
Công cụ: Chrome trên máy tính (bản 138 trở lên), Translator API có sẵn trong Chrome (dịch ngay trên máy, có hỗ trợ tiếng Việt), ChatGPT, Gemini hoặc Claude để viết code.1. Hỏi AI: "Write a Chrome extension (Manifest V3) for a complete beginner. Features: (1) When I select English text on any web page and right-click, a context-menu item 'Dịch sang tiếng Việt' opens the extension's side panel with that text. (2) The side panel shows the original text and the Vietnamese translation using Chrome's built-in Translator API (Translator.availability and Translator.create with sourceLanguage 'en' and targetLanguage 'vi'), shows a download progress bar the first time the language pack downloads, and has a 'Dịch' button so translation starts from a user click. (3) A text box to paste text manually. (4) A 'Copy' button and a history of the last 20 translations saved with chrome.storage.local. (5) If the API is unavailable, show a friendly message in Vietnamese. No external servers, no API keys, no analytics. Give me every file (manifest.json, background.js, sidepanel.html, sidepanel.js, styles.css) and step-by-step install instructions."2. Tạo thư mục "dich-viet" trên máy, tạo từng file và dán code AI đưa.3. Mở chrome://extensions → bật Developer mode → bấm Load unpacked → chọn thư mục "dich-viet".4. Mở một trang tiếng Anh, bôi đen một đoạn → chuột phải → "Dịch sang tiếng Việt". Lần đầu Chrome tải gói ngôn ngữ (cần mạng), các lần sau dịch ngay trên máy, chữ không gửi lên máy chủ nào.5. Gặp lỗi: bấm nút Errors của tiện ích trong chrome://extensions, copy thông báo lỗi dán lại cho AI: "Sửa lỗi này và giải thích ngắn bằng tiếng Việt."6. Nâng cấp bằng lời: "Thêm nút đọc to bản dịch", "Thêm chế độ dịch ngược Việt → Anh để viết email".Ví dụ trước – sau: Trước: email trường "Early dismissal on Wednesday due to parent-teacher conferences" phải copy qua lại 3 app. Sau: bôi đen → chuột phải → bảng bên phải hiện "Thứ Tư tan học sớm vì có buổi họp phụ huynh – giáo viên", tự lưu vào lịch sử để xem lại.Câu hỏi thường gặp
Translator api chrome là gì?
Dịch cả trang thì lộn xộn, copy từng đoạn sang trang dịch thì mất công; nhiều tiện ích dịch đòi đăng nhập, gửi chữ mình đọc lên máy chủ lạ hoặc đòi trả phí. Cách làm: Hỏi AI: "Write a Chrome extension (Manifest V3) for a complete beginner. Features: (1) When I select English text on any web page and right-click, a context-menu item 'Dịch sang tiếng Việt' opens the extension's side panel with that text. (2) The side panel shows the original text and the Vietnamese
Hướng dẫn “Tự làm tiện ích Chrome dịch tiếng Anh sang tiếng Việt ngay trên máy, không cần API key (vibe coding)” dành cho ai?
Dành cho người hay đọc trang web, email tiếng Anh (thư trường, trang bảo hiểm, tin tức), người muốn thử vibe coding lần đầu với một dự án nhỏ dùng được ngay. Hoàn toàn miễn phí, viết bằng tiếng Việt.
Cần lưu ý gì khi làm theo hướng dẫn này?
Riêng tư: Bản dịch máy có thể sai — giấy tờ y tế, pháp lý, di trú cần người dịch có chuyên môn. Chỉ cài tiện ích tự làm từ thư mục của mình, không cài file lạ người khác gửi.