Communitygithub.com

google-labs-code/shadcn-ui

shadcn/ui コンポーネントを使用したアプリケーションの統合と構築に関するエキスパートガイダンス。コンポーネントの発見、インストール、カスタマイズ、ベストプラクティスを含みます。

shadcn-ui とは?

このスキルは、shadcn/ui コンポーネントライブラリを使用してアプリケーションを構築および統合するための包括的なガイドを提供します。コンポーネントの発見、インストール、カスタマイズ、およびベストプラクティスに関する専門的なアドバイスを提供し、開発者が一貫性のあるアクセシブルな UI を効率的に構築できるようにします。主に React ベースのプロジェクト向けで、開発環境に応じて同様のフレームワークにも拡張できます。スキルは、ターミナルコマンド、設定ファイル、およびコンポーネントプロパティの活用方法を説明し、実際のコード例とガイドラインを示します。また、フォーム処理、レスポンシブデザイン、プロジェクト構成などの分野でよくあるユースケースに対応し、生産性とコード品質を向上させるための洞察を提供します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/shadcn-ui

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

shadcn-ui は何をしますか?

shadcn/ui コンポーネントを使用したアプリケーションの統合と構築に関するエキスパートガイダンス。コンポーネントの発見、インストール、カスタマイズ、ベストプラクティスを含みます。

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

関連スキル