平时写前端，大家习惯的都是“状态驱动视图”那一套：产品出原型，后端给接口，前端调接口拼组件。但最近体验了一下所谓的 Generative UI（生成式 UI），感觉交互方式确实有了一些变化。
以前的 AI 对话框，你问它机票，它给你吐一堆纯文本。现在通过 Generative UI，AI 可以直接返回一个可点击、可交互的前端组件。这里简单记录一下我测试这套方案的感受。
Web Components 折腾记：原生组件化到底能不能用了
写前端这么多年，组件化一直是靠框架来做的——Vue 的 .vue 文件、React 的 JSX。但浏览器原生其实一直在推 Web Components 这套标准，包括 Custom Elements、Shadow DOM、HTML Templates。以前是兼容性不行加上用起来太原始，基本没人用。最近又看了一下，发现现在主流浏览器全都支持了，加上 Lit 这类轻量库的加持，感觉可用度比以前好了不少。花了几天折腾，记录一下。
试了一下 MCP 协议：给 AI 写个本地工具
最近大家都在折腾 AI 应用，以前想给大模型接点外部数据（比如读个本地数据库、查个文件），得在各种框架里自己写一堆胶水代码。直到后来 MCP（Model Context Protocol）慢慢成了标准，感觉这套东西有点像给 AI 装了个“USB 接口”。
这周末抽空研究了一下，顺手用 TypeScript 写了个简单的 MCP Server，能让大模型直接去查本地的 SQLite 数据库。这里简单记录一下整个过程。
试了下 Cursor 和所谓的 Vibe Coding
最近经常听到 “Vibe Coding”（氛围编程）这个词，大概意思就是不用一行行敲代码，直接用自然语言描述需求，让 AI 去生成和修改代码。带着点好奇，我下载了最近讨论挺多的 Cursor 编辑器试了试。
简单体验下来，感觉确实和之前的 AI 补全插件不太一样，它更像是一个知道你整个项目结构的助手。这里随便聊聊我最近用它的一些体会。
动手写个 AI Agent：从概念到简单实现
最近老听人聊 AI Agent，说它不止能陪你聊天，还能自己跑去查天气、调接口干活。周末闲着没事，照着文档自己撸了一个，感觉确实有点意思。这里随便记录下折腾的过程。