BoardUI/boardui

解决的问题

BoardUI 提供一个专为构建 AI 代理界面而定制的 React 设计系统。它弥合了标准仪表板组件（如表格和图表）与 AI 特有 UI 元素（如思考指示器和代理日志）之间的差距，为 AI 产品提供统一的视觉语言。

如何工作

与传统组件库作为依赖项安装不同，BoardUI 将组件以源文件形式提供，通过 CLI（npx boardui add）直接复制到项目中。它基于 React Aria Components 和 Tailwind CSS v4 构建，确保可访问性且无运行时 CSS。它还包含一个 MCP 服务器，允许 AI 编码代理（如 Claude Code 或 Cursor）浏览组件目录并自动安装组件。

适用人群

需要为代理工作流和 AI 仪表板量身定制的专业、可访问且可自定义的设计系统，适用于前端开发人员和 AI 产品构建者。

主要亮点

• 代理原生组件：包含 Agent Chat、Agent Log 和 Agent Thinking 指示器等专用模块。
• 源码分发：组件以源文件形式添加，允许开发者完全控制和自定义。
• AI 代理集成：提供 MCP 服务器和特定代理规则（AGENTS.md），帮助 AI 编码工具使用该系统进行开发。
• 广泛提供者支持：包含支持多个提供者（包括 OpenAI、Anthropic、Google、OpenRouter、Groq 和 xAI）的流式聊天运行时。
• 全面的组件库：提供超过 60 个免费组件，涵盖从基础构建块到复杂应用模块的各类组件。