用途：该技能用于搭建生成式 UI（generative UI）应用，前端使用 OpenUI 组件库，后端使用 LangChain 的 ChatOpenAI 或 ChatAnthropic 模型流式输出，并将 LangChain 消息流转换为 OpenAI 兼容的 SSE（data: {json}\n\n）格式供前端消费。
主要能力：支持 ChatOpenAI 与 ChatAnthropic 两种模型后端；提供 openuiChatLibrary.prompt() 生成系统提示；通过 openAIAdapter() 与 openAIMessageFormat 对接前端 FullScreen；导出 langGraphAdapter 用于原生流式 LangGraph 事件；可用 defineComponent 配合 zod 自定义组件；用 CLI 生成系统提示文本。
使用方式：前置条件为 Node.js >= 22（推荐 24 LTS）、React >= 18.3.1（推荐 19+）、Next.js（推荐 App Router），并设置 OPENAI_API_KEY 或 ANTHROPIC_API_KEY。安装依赖：npm install @openuidev/react-ui @openuidev/react-headless @openuidev/react-lang lucide-react zod @langchain/openai @langchain/core；使用 Anthropic 时另需 npm install @langchain/anthropic。在 app/layout.tsx 中导入 CSS：import "@openuidev/react-ui/components.css";。后端路由将用户消息映射为 HumanMessage、助手消息映射为 AIMessage，调用 model.stream() 后逐块转换为 OpenAI 格式的 SSE，最后发送 finish_reason: "stop" 和 data: [DONE]。前端页面使用 FullScreen，设置 streamProtocol={openAIAdapter()}、messageFormat={openAIMessageFormat}、apiUrl="/api/chat"。生成系统提示：npx @openuidev/cli generate ./src/lib/library.ts --out src/generated/system-prompt.txt。
适用场景：需要在 Next.js 应用中快速构建由 LLM 驱动、可动态生成交互组件的聊天式界面。
限制与注意：Node、React、Next.js 需满足上述版本；必须配置对应模型 API 密钥；消息需正确映射为 LangChain 消息类型；流需包含停止块与 [DONE] 标记，否则会挂起；空 chunk 需跳过；若前后端分离还需处理 CORS。资料未提供具体价格、收费与效果数据。