ブログ
HextaUI を作る中でのメモ: shadcn/ui と Base UI、多くのインターフェースが飛ばす状態、AI チャット画面、そしてレジストリをコーディングエージェントで使えるようにすること。
· 5分で読めます
shadcn/ui が Base UI に切り替わりました。コードで実際に変わることはこれです
shadcn/ui のデフォルトが Radix から Base UI に変わりました。ぶつかることになる API の変更のすべて、-b radix という逃げ道、そして痛くない移行の順番。
- React
- shadcn/ui
- Base UI
- Radix
· 5分で読めます
shadcn/ui があなたに委ねる状態: ローディング、成功、エラー、空、そして reduced motion
shadcn/ui がくれるのはきれいなボタンで、ローディングボタンではありません。すべての shadcn プロジェクトが手作りしている難しい UI の状態と、それを自然に感じさせるタイミング。
- React
- shadcn/ui
- UX
- Accessibility
· 6分で読めます
実際のユーザーに耐える AI チャット UI を shadcn/ui と Vercel AI SDK で作る方法
ストリーミングする AI チャットは、デモは簡単でも出荷は難しい。停止と再試行からツールの承認、CJK 入力まで、shadcn/ui と AI SDK のチャットが扱うべき状態。
- AI
- React
- shadcn/ui
- Next.js
· 5分で読めます
Vercel の AI Elements が非推奨になります。shadcn/ui の AI チャット UI の代替はこちら
Vercel の AI Elements は 2026 年 11 月末に非推奨になります。置き換え先は何か、コピーしたコードをどうするか、そして shadcn/ui の AI チャットの選択肢五つを比較。
- AI
- shadcn/ui
- React
- Next.js
· 5分で読めます
Claude Code と Cursor が本当に使える shadcn/ui レジストリの作り方
2026 年、shadcn レジストリは仕事の半分にすぎません。ネームスペース、.md URL の Markdown ドキュメント、llms.txt、MCP サーバー、プライベートレジストリで、AI エージェントが正しくインストールできるようにします。
- shadcn/ui
- AI
- React
- Developer tools