Prodular UI

概要

• AIエージェントで開発するReactアプリの画面に、一貫したデザインと実装ルールをもたらすデザインシステムです。
• コンポーネントや画面をソースコードとしてリポジトリに導入でき、既存のパッケージに縛られず柔軟にカスタマイズできます。

主な特徴

• 162種類のReactコンポーネントと21種類のSaaS画面を収録し、空・読み込み中・エラー状態まで含めた実装を用意しています。
• チャット、推論、ツール呼び出し、承認、エージェント実行、音声など、AIプロダクト向けの36コンポーネントを搭載しています。
• 10テーマ、ライト／ダーク対応、3段階の密度、WCAG AAコントラスト検証、Figmaライブラリ、CLIとMCPサーバーを提供します。

こんな人におすすめ

• Claude CodeやCursorなどを使ってSaaSやAIプロダクトを開発しており、画面ごとの余白・色・部品のばらつきを抑えたいチームに適しています。
• コーディングエージェントにアクセシビリティやコンポーネントの使い分けまで守らせ、実装品質を安定させたい開発者に向いています。
• まずは無料のMITライセンス版で、統一されたReact UIを自社プロダクトへ導入して試したい人にも利用しやすい構成です。