shadcn/ui CLI v4リリース、6フレームワーク対応・AIエージェント連携・デザインプリセットで開発体験を刷新
CLI v4の主要な変更点 shadcn/uiは3月のアップデートでCLI v4をリリースし、開発者体験の大幅な改善を図った。最大の特徴は、CLIが単なるインストーラーからプロジェクト状態を管理する高度なツールへと進化した点にある。新たに追加された--dry-runフラグはディスクへの書き込みなしにコンポーネント追加のシミュレーションを行い、--diffフラグはレジストリの更新とローカルの変更を比較表示する。さらに--viewフラグでペイロードを事前に確認できるため、プロジェクトへの変更を透明性高く管理できるようになった。 フレームワーク対応も大きく拡張され、Next.js、Vite、TanStack Start、React Router、Astro、Laravelの6つのフレームワークに対してファーストクラスのテンプレートが提供される。--baseフラグによりRadixとBase UIのプリミティブを選択できるほか、shadcn docs [component]コマンドでレジストリからドキュメントやコードスニペットを直接取得することも可能になった。 AIエージェント向けスキル機能 今回のアップデートで注目すべき新機能が「shadcn/skills」だ。これはv0、Cursor、Claudeといったコーディングエージェントに対して、shadcn/ui固有のコンテキストを提供する仕組みである。AIエージェントがRadixとBase UIのプリミティブの違いや、レジストリのワークフロー、CLIフラグの使い方を正確に理解できるようになり、ハルシネーションや誤操作が軽減される。例えば「新しいViteモノレポを作成して」や「Tailarkからヒーローセクションを探して」といったプロンプトを信頼性高く実行できるようになるという。 デザインシステムプリセット デザインシステムプリセットは、カラー、テーマ、フォント、ボーダー半径、アイコンなどの設定をポータブルな文字列としてバンドルする機能だ。ワークフローは3ステップで構成される。まずビジュアルビルダー「shadcn/create」でプレビューしながらプリセットを生成し、次にnpx shadcn@latest init --preset [CODE]でプロジェクトを初期化する。既存のプロジェクトに対してinitを再実行すれば、プロジェクト全体の設定が自動的に切り替わる仕組みだ。 このアップデートにより、shadcn/uiは「最もAI対応が進んだデザインシステム」としてのポジションを強化しており、デザインコンセプトからプロダクション品質のインターフェースまでの距離を縮めることを目指している。