moai-library-shadcn
について
このClaudeスキルは、企業向けReactアプリケーションにshadcn/uiコンポーネントライブラリを実装するための専門的なガイダンスを提供します。AIを活用したアーキテクチャ、デザインシステムの自動化、Tailwind CSS統合によるインテリジェントなコンポーネントオーケストレーションを実現します。shadcn/uiに関する議論、Reactコンポーネントの計画立案、デザイントークンの設定などにご利用ください。
クイックインストール
Claude Code
推奨npx skills add modu-ai/moai-adk -a claude-code/plugin add https://github.com/modu-ai/moai-adkgit clone https://github.com/modu-ai/moai-adk.git ~/.claude/skills/moai-library-shadcnこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
よくある質問
moai-library-shadcn Skillとは何ですか?
moai-library-shadcn はmodu-ai が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで moai-library-shadcn に関連するタスクを実行できるようにします。
moai-library-shadcn をインストールするには?
このページのインストールコマンドを使用してください。moai-library-shadcn をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。
moai-library-shadcn はどのカテゴリに属しますか?
moai-library-shadcn は その他 カテゴリに属します。
moai-library-shadcn は無料で利用できますか?
はい。moai-library-shadcn は AIMCP に掲載されており、無料でインストールできます。
関連スキル
このスキルは、MCP Playwrightを使用したレンダリングにより、Claude Code内でのMermaidダイアグラム生成を可能にします。フローチャート、シーケンス図、ER図を含む全21種類のMermaidダイアグラムタイプの完全な構文サポートを提供します。開発ワークフロー内で直接、企業レベルの品質のダイアグラムを作成およびレンダリングする必要がある場合にご利用ください。
このClaudeスキルは、企業向けReactアプリケーションにおけるshadcn/uiコンポーネントライブラリの実装に関する専門的なガイダンスを提供します。AIを活用したアーキテクチャ設計、自動化されたテーマカスタマイズ、Context7統合によるインテリジェントなコンポーネントオーケストレーションを実現します。shadcn/uiの議論、Reactコンポーネントの計画立案、Tailwind CSSデザイントークンの設定にご活用ください。
このスキルは、Next.jsを使用してプロフェッショナルなドキュメントサイトを構築するための、エンタープライズ対応のNextraフレームワークを提供します。開発者がファイルシステムルーティング、テーマカスタマイズ、組み込みのi18nサポートを備えたMDXベースのドキュメントを作成できるようにします。Next.jsとNextraのゼロコンフィグアプローチで、高性能かつカスタマイズ可能なドキュメントサイトを迅速にセットアップする必要がある場合にご利用ください。
このClaudeスキルは、効率的なLLM通信のためのTOONエンコーディング、JSON/YAML最適化、堅牢なデータ検証を含む専門的なデータフォーマット処理を提供します。JSONと比較して40〜60%のトークン削減を実現し、シームレスなフォーマット変換機能を維持します。開発者は、最適化されたシリアライゼーションパターンと構造化データ検証を必要とするパフォーマンス重視のアプリケーションに使用すべきです。
