BoardUI/boardui

它解决了什么问题

BoardUI 提供了一套专门为构建 AI 驱动界面而量身定制的统一设计系统。它弥合了标准仪表盘组件（如表格和表单）与智能体专用 UI 元素（如聊天流、思考指示器和智能体日志）之间的鸿沟，确保整个 AI 产品具有一致的视觉语言。

工作原理

BoardUI 是基于 Tailwind CSS v4 和 React Aria 构建的 React 组件集合。你无需将其作为标准库依赖项安装，而是使用 CLI (npx boardui@latest add) 将源代码直接复制到你的项目中。这使你可以根据特定需求修改组件。它还包含一个 MCP (Model Context Protocol) 服务器，允许像 Cursor 或 Claude Code 这样的 AI 编码智能体在遵循预定义设计规则的同时，自动浏览、安装和连接组件。

适用人群

适用于正在构建 AI 原生应用，并希望快速原型设计或交付专业级界面，而无需从零开始构建常见智能体 UI 模式的开发者。

亮点

• 智能体原生组件： 包含专为 AI 产品设计的 UI，例如流式聊天界面、智能体思考指示器和执行日志。
• 源代码优先集成： 组件以源文件形式添加到你的项目中，让你对代码拥有完全控制权。
• 智能体就绪： 具备 MCP 服务器和专门的规则文件 (AGENTS.md)，以便 AI 编码助手可以使用系统的设计令牌构建你的 UI。
• 可访问且本地化： 基于 React Aria 构建以确保可访问性，并内置对从右到左 (RTL) 语言（如阿拉伯语和希伯来语）的支持。
• 灵活的后端： 包含一个开箱即用的流式聊天端点，通过单个 API 密钥支持主流 LLM 提供商（OpenAI、Anthropic、Google、Groq 等）。