Shadcn

shadcnスキルを使うと、プロジェクトの状況を確認し、適切なCLIコマンドを実行し、コンポーネントを導入しながら、base と radix の使い分け、フォーム、テーマ設定、registry まで、ドキュメントに沿ってUIを組み立てられます。

ckm:ui-stylingはshadcn/ui、Tailwind CSS、キャンバスベースのビジュアル設計を活用し、アクセシブルで本番対応のUIを構築できます。Reactプロジェクトで構造化レイアウトやダークモード、デザインシステムを必要とする場合に最適。UI設計やテーマ設定、プロトタイピングを効率化する実践的なガイドを提供します。

shadcn-ui スキルは、実運用のアプリに shadcn/ui コンポーネントを計画・導入・調整するのに役立ちます。Design Implementation、コンポーネントの発見、カスタマイズ、そしてフォーム、テーブル、認証フロー、レイアウトにまたがる実践的な shadcn-ui 活用のガイドとして使えます。