Coding4Food LogoCoding4Food
Trang chủChuyên mụcArcadeĐã lưu
en
Trang chủChuyên mụcArcadeĐã lưu
Coding4Food LogoCoding4Food
Trang chủChuyên mụcArcadeĐã lưu
Bảo mật|Điều khoản

© 2026 Coding4Food. Viết bởi dev, cho dev.

Tất cả tin tức
AI & AutomationCông nghệ

Persona.js: Khung chat AI siêu nhẹ, 'vả thẳng mặt' các React Framework cồng kềnh

29 tháng 6, 20264 phút đọc

Persona.js xuất hiện đầy bá đạo trên Product Hunt: Thư viện Vanilla JS 15kb hỗ trợ WebMCP, nhét chatbot AI vào mọi website cũ kỹ không cần React.

Chia sẻ bài viết:
programmer, computer, woman, support, website, work, script, database, writing, code, coding, command, data, developer, hacker, internet, javascript, professional, program, programming, screen, software, typing, virus, workplace, website, work, writing, writing, writing, writing, writing, coding, coding, software, typing, typing
Nguồn gốc: https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenhNguồn gốc: https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh
Nguồn gốc: https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenhNguồn gốc: https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/persona-js-khung-chat-ai-sieu-nhe-va-thang-mat-cac-react-framework-cong-kenh
persona.jswebmcpai chat uivanilla jsmã nguồn mởthư viện ai
Chia sẻ bài viết:

Bình luận

Bài viết liên quan

online, internet, media, network, web, iot, wifi, cloud, mobile, device, wireless, email, post, message, chat, contact, technology, tech, remote working, digital nomad, remote work, online meeting, webinar, doodle background, chatbot
AI & AutomationCông nghệ

Novu Connect: Khi AI Agent Không Còn 'Câm Điếc' Trên Slack và WhatsApp

Novu vừa tung ra Novu Connect giúp AI Agent giao tiếp mượt mà qua Slack, WhatsApp, Telegram mà không cần đụng vào đống API rối rắm. Đọc ngay để bớt hói đầu!

16 thg 64 phút đọc
Đọc tiếp →
head, binary, coding, programming, program, technology, digital, brain, mind, computer, think, number, software, data, robot, robotics, black computer, black technology, black laptop, black brain, black thinking, black data, black digital, black robot, black mind, black code, black numbers, black coding, black software, black think, black programming, programming, brain, mind, software, robot, robot, robot, robot, robot, robotics, black technology, black brain
AI & AutomationCông nghệ

Pháp sư Trung Hoa thả xích Qwen3.6-35B-A3B: Đệ tử tự code, tự fix bug cho anh em

Lại thêm một con hàng AI coding 35 tỷ tham số từ Qwen, hứa hẹn khả năng 'Agentic' tự cày code làm giang cư mận Hacker News rần rần.

17 thg 44 phút đọc
Đọc tiếp →
bot, generator, cyborg, automation, scifi, stars, planets, space, ufo, robot, tech, alien, mechanical, machine, technology, android, science, nature, robotic, futuristic, galaxy, helper, matrix, sunrise, sunset, dawn
AI & AutomationCông nghệ

Qwen3.6-Plus Gáy Bẩn 'Real World Agents' Hay Lại Thêm Một Cú Lừa Từ Pháp Sư Trung Hoa?

Bóc phốt nhẹ con hàng Qwen3.6-Plus đang lọt top Hacker News với điểm số 455. 'Real world agents' thực chất là gì hay lại lùa gà anh em dev?

3 thg 43 phút đọc
Đọc tiếp →
robot, ai, cyborg, automation, android, tech, technology, machine, future, artificial, bionic, digital, futuristic, human, intelligence, robotic, fantasy, robotics, matrix, matrix code, blue technology, blue fantasy, blue digital, blue robot, blue future, blue tech, blue human, blue code, blue coding, automation, tech, matrix, matrix, matrix, matrix, matrix
AI & AutomationCông nghệ

OpenCode được gần 900 điểm HN: AI Agent mã nguồn mở xuất chiến, dev sắp ra đê?

Một dự án AI coding agent mã nguồn mở mang tên OpenCode vừa giật gần 900 upvotes trên Hacker News. Cùng xem anh em dev phản ứng ra sao với con hàng này.

21 thg 33 phút đọc
Đọc tiếp →
ai generated, robot, android, futuristic, technology, artificial intelligence, job, computer, artificial intelligence, artificial intelligence, artificial intelligence, artificial intelligence, artificial intelligence
Code Ra TiềnAI & Automation

Bào API thay vì cúng tiền sub: TypingMind của giáo chủ Tony Dinh tái xuất giang hồ cực mạnh

Né gói sub 20$ của OpenAI bằng cách tự cắm API key, con hàng TypingMind của 'lão quái' Tony Dinh vừa quay trở lại quậy đục nước Product Hunt sau 3 năm tiến hóa.

10 thg 65 phút đọc
Đọc tiếp →
binary, machine, matrix, code, cyber, data, breach, computer, terminal, security, programming, matrix, matrix, matrix, matrix, matrix, cyber, cyber, cyber, breach
Công nghệChuyện Nghề

Microsoft 'đào mộ' mã nguồn MS-DOS tổ tiên: Cú vả cực mạnh cho hội chứng Over-engineering

Microsoft vừa thả xích mã nguồn MS-DOS cổ đại nhất từng được tìm thấy. Giang cư mận soi code tổ tiên và bài học xót xa cho anh em dev thích vẽ vời.

25 thg 54 phút đọc
Đọc tiếp →

Mệt mỏi vì phải dựng nguyên con React app siêu nặng chỉ để nhét một cái khung chat AI ghẻ lở vào website sẵn có? Đây, có món mới cho các đồng đạo hóng hớt: Persona.js - một thư viện mã nguồn mở siêu nhẹ cân vừa leo thẳng lên top Product Hunt với hàng trăm upvote.

Chuyện là thế giới đang phát điên vì AI, nhưng cứ hễ muốn nhét cái chatbox vào web là các quan chức công nghệ lại lôi React ra gõ cộc cộc. Persona xuất hiện như một "vị cứu tinh" cho những ai tôn thờ sự tối giản và tính thực dụng.

Rốt cuộc thì chuyện quái gì vừa xảy ra?

Nathan – đồng sáng lập Runtype và là cha đẻ của Persona – vừa hồ hởi giới thiệu đứa con cưng trên Product Hunt. Tóm gọn nhanh cho anh em lười đọc:

  • Framework-free thứ thiệt: Viết bằng Vanilla JS, nặng chưa đầy 15kb. Thích nhét vào WordPress, Shopify Liquid, HTML tĩnh từ thời Napoleon hay đống PHP di sản của công ty đều mượt mà con bò.
  • Ăn chơi hệ WebMCP: Đây là thư viện UI đầu tiên hỗ trợ gốc WebMCP (Model Context Protocol cho Web) – một chuẩn mới toanh vừa được Google cắm trực tiếp vào Chrome DevTools.
  • Không lo cắn RAM, tốn token: Thay vì dùng headless browser hay viết đống API trung gian cồng kềnh, Persona cho phép con AI "đọc" và gọi trực tiếp các hàm JavaScript có sẵn trên trang của bạn.
  • Mở và cực kỳ sòng phẳng: Bản quyền MIT, không lo bị khóa mõm hay phụ thuộc hệ sinh thái nào. Anh em có thể tự do kết nối với bất kỳ endpoint AI nào mình thích qua chút code keo dính.

Giang cư mận nói gì?

Như thường lệ, hễ có công nghệ mới là cộng đồng dev lại chia phe combat cực gắt trên các diễn đàn công nghệ. Dưới đây là các luồng ý kiến nổi bật nhất:

Phe lo xa: "AI tự bấm nút hủy diệt thì ai đền?"

Nhiều đạo hữu đặt câu hỏi chí mạng: "Nếu con bot được quyền gọi hàm JS trên trang, lỡ nó hiểu sai ý user rồi tự tiện kích hoạt tính năng xóa tài khoản hay thanh toán nhầm thì toang à?"

Nathan liền nhảy vào giải thích ngay: Anh em yên tâm, Persona hỗ trợ cơ chế HITL (Human-in-the-loop). Tức là các tool nhạy cảm có thể gắn nhãn cần phê duyệt. Khi AI định táy máy làm bậy, một popup xác nhận sẽ hiện ra bắt user click đồng ý thì mới chạy.

Phe nghi ngờ: "WebMCP là chuẩn thật hay bánh vẽ tự sướng?"

Một cao nhân khác thắc mắc liệu WebMCP có thực sự trở thành chuẩn chung của ngành, hay chỉ là chiêu trò tự vẽ tự chơi của Runtype. Về điểm này, gió đang thổi về phía nhà phát triển khi Chrome đã chính thức hỗ trợ native WebMCP, và Persona cũng đi kèm một bản polyfill "lazy-load" siêu nhẹ phòng hờ cho các trình duyệt cũ. Nếu sau này các extension của Claude hay ChatGPT tích hợp chuẩn này, trang web của bạn sẽ tự động giao tiếp được với các trợ lý đó mà không cần sửa một dòng code nào.

Phe thực dụng: "Phân quyền và bảo mật thế nào?"

Nhiều dev băn khoăn về cách truyền token/auth khi gọi API. Nathan giải thích có hai đường: một là xử lý auth ở phía API proxy của backend, hai là tận dụng chính session đăng nhập sẵn có của người dùng trên frontend thông qua WebMCP.

Góc nhìn từ Coding4Food

Thời đại mà cứ làm web là phải kéo hàng tá thư viện rác về cắn RAM sắp qua rồi. Sự xuất hiện của những thư viện nhỏ gọn như Persona.js cho thấy tư duy thực dụng đang lên ngôi trở lại. Không cần đao to búa lớn, cứ nhẹ, chạy được trên mọi "bãi rác" di sản của công ty là dev chúng ta sướng rồi.

Nếu anh em đang muốn dựng một con chatbot AI tự tương tác với app của mình, mà lại lười setup hạ tầng phức tạp, thì ngoài việc thử Persona, việc kiếm một con vps chất lượng để chạy API trung gian cũng là một ý tưởng không tồi đâu.

Anh em thấy sao về con hàng này? Liệu WebMCP có đè bẹp các giải pháp AI chat truyền thống? Để lại bình luận bên dưới chém gió nhé!

Nguồn

Tham khảo chi tiết tại Product Hunt.