Mình là kỹ sư frontend tại Thành phố Hồ Chí Minh. Mình làm website và sản phẩm web, đồng thời chia sẻ những điều học được trong quá trình làm việc.https://khangle.dev/vivi-VNhttps://khangle.dev/vi/blog/a-finished-task-needs-more-than-donehttps://khangle.dev/vi/blog/a-finished-task-needs-more-than-done/Nếu chỉ báo Done khi bàn giao, QA phải tự tìm đúng phiên bản cần mở và lần lại những bước đã được thử. Mình tạo ra Jira CLI để coding agent ghi sẵn điểm bắt đầu ấy vào ticket.Mon, 26 Oct 2026 00:00:00 GMThttps://khangle.dev/vi/blog/coding-agents-need-a-place-to-workhttps://khangle.dev/vi/blog/coding-agents-need-a-place-to-work/Ngay cả một thay đổi nhỏ trên thanh tìm kiếm cũng khiến trợ lý AI lập trình phải hỏi code nằm ở đâu, theo thiết kế nào và dùng tài khoản nào. Ở công ty, mình phụ trách một môi trường dùng chung giúp mỗi việc đi kèm đúng code, thiết kế và các bước kiểm tra cần có.Mon, 26 Oct 2026 00:00:00 GMThttps://khangle.dev/vi/blog/finding-the-right-page-before-changing-the-codehttps://khangle.dev/vi/blog/finding-the-right-page-before-changing-the-code/Ghi chú cũ có thể thuyết phục chẳng kém hướng dẫn đang áp dụng. Cách để agent lập trình chọn đúng tài liệu và đọc nội dung hiện tại trước khi sửa code.Mon, 26 Oct 2026 00:00:00 GMThttps://khangle.dev/vi/blog/show-me-what-you-want-me-to-reviewhttps://khangle.dev/vi/blog/show-me-what-you-want-me-to-review/Khi một agent AI hỏi bạn chọn giữa hai bố cục, trả lời sẽ dễ hơn nếu cả hai nằm ngay cạnh câu hỏi. Relay giữ lựa chọn của bạn và ghi chú đi kèm ở cùng một chỗ.Mon, 26 Oct 2026 00:00:00 GMThttps://khangle.dev/vi/blog/the-design-is-in-figma-but-which-screenhttps://khangle.dev/vi/blog/the-design-is-in-figma-but-which-screen/Thoạt nhìn, vài màn hình đều có vẻ đúng. Chọn một màn hình rồi xem kỹ giúp việc bàn giao thiết kế có điểm bắt đầu rõ ràng hơn.Mon, 26 Oct 2026 00:00:00 GMThttps://khangle.dev/vi/blog/designing-interfaces-for-coding-agentshttps://khangle.dev/vi/blog/designing-interfaces-for-coding-agents/Khi trợ lý AI lập trình làm việc qua một công cụ, nó chỉ có câu trả lời của công cụ để biết thay đổi đã thật sự được lưu hay mới là bản xem trước, và bước tiếp theo nên làm gì. Bài này kể cách mình làm bốn công cụ của mình để câu trả lời ấy rõ ràng hơn.Mon, 21 Sep 2026 00:00:00 GMThttps://khangle.dev/vi/blog/tool-hub-mcp-retrospectivehttps://khangle.dev/vi/blog/tool-hub-mcp-retrospective/Tháng 1 năm 2026, trợ lý AI lập trình của mình phải đọc hướng dẫn của mọi công cụ được kết nối dù phần lớn công việc chỉ cần một hai cái, nên mình làm một công cụ giúp trợ lý chỉ tìm đến thứ đang cần. Sau khi đo thử trên một cấu hình, mình ngừng duy trì vì các ứng dụng chạy trợ lý đã tự tìm được công cụ cần thiết.Mon, 21 Sep 2026 00:00:00 GMThttps://khangle.dev/vi/blog/figma-lens-clihttps://khangle.dev/vi/blog/figma-lens-cli/Một bản thiết kế có thể có nhiều phiên bản của cùng một trang web. Figma Lens giúp trợ lý AI chọn đúng màn hình, xem kỹ chi tiết rồi đối chiếu với trang web đã làm trên trình duyệt.Sat, 12 Sep 2026 00:00:00 GMThttps://khangle.dev/vi/blog/jira-clihttps://khangle.dev/vi/blog/jira-cli/Mình tạo ra Jira CLI để trợ lý AI lập trình, hay chính mình, đọc phiếu công việc trên Jira của nhóm ngay từ terminal và để lại cập nhật hữu ích, với các thay đổi mặc định chỉ hiện bản xem trước.Sat, 12 Sep 2026 00:00:00 GMThttps://khangle.dev/vi/blog/outline-clihttps://khangle.dev/vi/blog/outline-cli/Thêm một bước vào danh sách việc cần làm của nhóm nghĩa là phải tìm đúng trang, đọc những gì đang có và chỉ sửa đúng chỗ cần sửa. Mình tạo ra Outline CLI để coding agent cũng làm được như vậy trong wiki của nhóm.Sat, 12 Sep 2026 00:00:00 GMThttps://khangle.dev/vi/blog/relay-browser-boards-for-ai-agentshttps://khangle.dev/vi/blog/relay-browser-boards-for-ai-agents/Khi trợ lý AI vẽ sơ đồ ngay trong terminal, chỉ tả bằng chữ thì rất khó nói rõ bạn muốn sửa chỗ nào. Mình tạo ra Relay để bạn xem công việc trên trình duyệt và góp ý ngay trên phần đang xem.Mon, 15 Jun 2026 00:00:00 GMThttps://khangle.dev/vi/blog/custom-state-management-reacthttps://khangle.dev/vi/blog/custom-state-management-react/Khi biểu mẫu, bản xem trước và nút Lưu cùng làm việc trên một tin tuyển dụng, chúng cần thống nhất về một bản nháp. Mình tạo ra createContextState để bản nháp ấy có chỗ ở rõ ràng trong React.Fri, 22 May 2026 00:00:00 GMThttps://khangle.dev/vi/blog/react-to-angular-migrationhttps://khangle.dev/vi/blog/react-to-angular-migration/PRIMUS, một nền tảng tuyển dụng, có phần giao diện chia ra nhiều ứng dụng riêng. Gom chúng về một mối mất khoảng 18 tháng trong khi tính năng mới vẫn ra đều, và phần khó là duy trì cả phiên bản cũ lẫn mới cùng chạy song song.Sun, 20 Apr 2025 00:00:00 GMT