Coding4Food LogoCoding4Food
HomeCategoriesArcadeBookmarks
vi
HomeCategoriesArcadeBookmarks
Coding4Food LogoCoding4Food
HomeCategoriesArcadeBookmarks
Privacy|Terms

© 2026 Coding4Food. Written by devs, for devs.

All news
AI & AutomationTechnology

Persona.js: A 15kb Framework-Agnostic AI Chatbox Throwing Shade at Heavy React Apps

June 29, 20263 min read

Persona.js hits Product Hunt top charts. A 15kb, Vanilla JS, WebMCP-native library that lets you drop AI chat into any website without React overhead.

Share this post:
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-lightweight-framework-agnostic-ai-chat-webmcp. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcpNguồn gốc: https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp
Nguồn gốc: https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcpNguồn gốc: https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/persona-js-lightweight-framework-agnostic-ai-chat-webmcp
persona.jswebmcpai chat uivanilla jsmã nguồn mởthư viện ai
Share this post:

Bình luận

Related posts

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 & AutomationTechnology

Novu Connect: Giving AI Agents a Voice on Slack and WhatsApp Without the API Hell

Novu Connect bridges the gap between humans and AI agents on Slack, WhatsApp, and Telegram without the manual API integration nightmare.

Jun 163 min read
Read more →
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 & AutomationTechnology

Eastern Wizards Drop Qwen3.6-35B-A3B: The Autonomous Coding Agent Stirring Up Hacker News

Alibaba's Qwen drops a new 35B parameter open-weights model claiming 'agentic coding power'. HN goes wild. Is it a GPT-4 killer or just marketing hype?

Apr 173 min read
Read more →
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 & AutomationTechnology

Qwen3.6-Plus Claiming 'Real World Agents': Genuine Threat or Just Another Hype Train?

Breaking down the Qwen3.6-Plus hype on Hacker News. Are these 'real world agents' actually going to code for us, or just crash our servers?

Apr 32 min read
Read more →
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 & AutomationTechnology

OpenCode Hits 870+ on HN: Is this Open-Source AI Agent Coming for Your Job?

OpenCode, an open-source AI coding agent, just blew up on Hacker News with 870+ upvotes. Here's what it means for devs and why you shouldn't panic just yet.

Mar 213 min read
Read more →
ai generated, robot, android, futuristic, technology, artificial intelligence, job, computer, artificial intelligence, artificial intelligence, artificial intelligence, artificial intelligence, artificial intelligence
Code to CashAI & Automation

Ditching the $20 Sub: How Tony Dinh's TypingMind Crushed Product Hunt (Again)

Dodge the ChatGPT subscription by bringing your own API keys. Tony Dinh's TypingMind makes a massive comeback on Product Hunt after 3 years of evolution.

Jun 103 min read
Read more →
binary, machine, matrix, code, cyber, data, breach, computer, terminal, security, programming, matrix, matrix, matrix, matrix, matrix, cyber, cyber, cyber, breach
TechnologyDev Life

Microsoft Unearthed the Oldest MS-DOS Source Code: A Brutal Reality Check for Over-Engineering Devs

Microsoft just open-sourced the oldest known MS-DOS code. Devs are dissecting this ancient artifact, and it brings a harsh lesson about shipping vs perfection.

May 253 min read
Read more →

Tired of spinning up a massive React boilerplate just to slap a simple AI chat widget on a legacy site? Say hello to Persona.js - a lightweight, open-source AI chat library that just climbed to the top of Product Hunt with 223 points.

While the modern tech stack has a weird obsession with building everything on React, Persona is here to remind us that Vanilla JS still kicks ass.

What's the Buzz About?

Nathan, co-founder of Runtype and the mastermind behind Persona, dropped this bomb on Product Hunt. Here’s the TL;DR for busy devs:

  • Framework-agnostic: Written in pure Vanilla JS, weighing a measly 15kb. Got WordPress, Shopify Liquid, or some static HTML from the early 2000s? It drops in seamlessly.
  • WebMCP Native: The first agent UI framework to natively support WebMCP (Model Context Protocol for Web), which Google just shipped natively in Chrome DevTools.
  • No Headless Browsers Needed: Instead of spinning up heavy Puppeteer instances or writing custom wrapper APIs, Persona allows the AI agent to directly discover and trigger Javascript functions living on your page.
  • Pure Open Source (MIT): No vendor lock-in. Hook it up to any SSE-based AI endpoint you want.

The Dev Community is Buzzing (and Grilling)

As expected, devs on Product Hunt didn't just clap; they brought their pitchforks and hard questions.

The Security Panic: "What if the AI nukes my database?"

The most upvoted concern was simple: If the AI can trigger JS functions, what's stopping it from performing destructive actions based on a hallucinated prompt?

Nathan quickly jumped in to clarify. Persona supports HITL (Human-in-the-loop) approval flows. You can tag tools as read-only or mutative. If the AI wants to do something high-stakes, a clean approval modal pops up, making sure a human actually approves the transaction before it fires.

The "Is this a real standard?" Question

Another developer asked if WebMCP is an actual emerging standard or just a self-made convention. The response was encouraging: Chrome has officially integrated WebMCP, and Persona includes a lazy-loaded polyfill for older browsers. If Claude or ChatGPT browser extensions adopt this standard in the future, your web page is already primed to let external agents navigate your app smoothly.

Authentication & Performance

How does it handle auth? You can either handle user context on your backend proxy or let the frontend WebMCP tools automatically inherit the logged-in user’s session. Performance-wise, the initial footprint is only ~15kb, meaning zero performance penalties for your users.

C4F Takeaway

The era of over-engineering simple features is hopefully coming to an end. We don't always need a NextJS rewrite just to give users an AI assistant. Persona.js proves that lightweight, framework-agnostic tools are exactly what pragmatists need.

If you're eager to build and host your own AI agent backend for this, grab a Free $300 to test VPS on Vultr to spin up your models and API endpoints.

What's your take on WebMCP? Is it the future of web agents, or just another hyped protocol? Let's discuss in the comments!

Source

Check out the launch on Product Hunt.