掲載済み (2026-07-18号)
164 144文字 • 1分

Claude CodeやGrokのUIを再現するshadcn/ui風コンポーネント集「brainless」

原題: brainless: Claude Code, Codex, and Grok interfaces as shadcn components.

英語
brainless.swerdlow.dev

掲載情報

2026年7月18日土曜日号 未掲載

概要

Claude Code、OpenAI Codex、Grokの洗練されたUIをReact/shadcn環境で簡単に実装できるコンポーネントライブラリ。

詳細内容

brainlessは、最新のAI開発ツール（Claude Code、OpenAI Codex、xAI Grok）のインターフェースを模した高品質なReactコンポーネントを提供するライブラリです。shadcn/uiの哲学に従って設計されており、Tailwind CSSを使用してプロジェクトのスタイルに容易に適合させることができます。具体的には、ターミナルエミュレータ、エージェントの思考プロセス表示、複雑な料金プラン表など、AI駆動型アプリケーションのフロントエンド開発で求められる独自のUIパーツがパッケージ化されています。開発者は`bunx shadcn add`コマンドを通じて、これらのコンポーネントを直接自社のソースコードに統合し、迅速にプロフェッショナルなAIツール風の画面を構築することが可能です。
元記事を読む 他のサマリーを見る