BoardUI

概要

• チャットストリーミング、ツール呼び出し、ローディング状態、各種ダッシュボードなど、AIエージェント向けUIに必要な要素をまとめて提供します。
• npmパッケージを導入する一般的なUIライブラリとは異なり、コンポーネントのソースコードを自分のリポジトリへ追加でき、以後は自分のコードとして管理できます。
• Figmaで設計したコンポーネントをReact、Tailwind CSS v4、React Ariaで実装し、アクセシビリティやダークモードにも対応しています。

主な特徴

• 103種類のコンポーネント（無料73種類）、19種類のデータチャート、10種類のProテンプレート、400以上のデザイントークンを収録しています。
• MCPサーバーをClaude Code、Cursor、Codex、VS Codeなどに接続すると、AIエージェントが必要なコンポーネントを選び、インストールから画面生成まで実行できます。
• デザイントークンを常時適用するルールにより、AIが生成するUIのブランド感を保ち、アラビア語やヘブライ語向けのRTLレイアウトにも対応します。

料金と適したユーザー

• GitHubで公開されている無料版はMITライセンスで利用でき、Vercelへワンクリックでデプロイできます。APIキーを1つ設定すればチャットスターターを試せます。
• Pro版はサブスクリプション不要の買い切り型で、料金は149ユーロから。Product Hunt向けに、11月9日までコード「PRODUCTHUNT」で20%割引が適用されます。
• AIエージェントのチャット画面や分析ダッシュボードを何度も作り直している開発者、統一感のあるReact UIを効率よく構築したいチームに適しています。