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개 이상의 무료 컴포넌트 제공.