mcpField
R
react-native-reusables

react-native-reusables

github.com/hairyfデザイン・UI26369 回インストール2 週間前に更新
リポジトリ

react-native-reusables について

React Native 開発者向けのコンポーネントリファレンススキルです。コピー＆ペーストまたは CLI による追加、CSS 変数のテーマ設定、RN Primitives を扱います。

主な機能

  1. 01コピー＆ペーストまたは CLI での導入
  2. 02CSS 変数によるテーマ設定
  3. 03RN Primitives を基盤に構成
  4. 04フォーム・コントロール・オーバーレイ
  5. 05コンポーネントレジストリと CLI
  6. 06PortalHost によるオーバーレイ設定

活用シーン

  1. 01ライブラリの初期化とコンポーネント追加
  2. 02コンポーネントテーマのカスタマイズ
  3. 03フォームや選択コントロールの構築
  4. 04Dialog や Popover のオーバーレイ設定

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/hairyf/skills --skill react-native-reusables

インストール後、Claude Code で/react-native-reusablesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

GENERATION.md
references/
best-practices-adding-components.md
best-practices-troubleshooting.md
core-customization.md
core-installation.md
core-overview.md
features-blocks.md
features-components-overview.md
features-forms-controls.md
features-overlays-portals.md
features-registry-cli.md
features-text-and-icons.md

詳細

このスキルは React Native Reusables（2026-02-26 時点のドキュメント）に基づいており、2026-02-26 に生成されました。

React Native Reusables は、shadcn/ui の体験を React Native にもたらします。コンポーネントをコピー＆ペーストまたは CLI で生成でき、CSS 変数を使ったテーマ設定が可能で、内部では RN Primitives を使用しています。Nativewind と Uniwind に対応し、オーバーレイにはルートの PortalHost が必要です。また、Text の継承システムと、Lucide 用の Icon ラッパーを使用します。

コアリファレンス

トピック説明リファレンス
概要RNR とは何か、shadcn/ui との違い（ポータル、カスケードなし、アイコンなど）core-overview
インストールCLI による初期化と手動セットアップ、コンポーネントの追加、PortalHost、依存関係core-installation
カスタマイズcomponents.json、global.css、tailwind.config、theme.tscore-customization

機能

コンポーネントとパターン
トピック説明リファレンス
コンポーネントの概要Button、Input、Dialog、バリアント、asChild、複合コンポーネントfeatures-components-overview
テキストとアイコンTextClassContext の継承、Lucide 用の Icon ラッパーfeatures-text-and-icons
フォームとコントロールLabel、Input、Select、Checkbox、RadioGroup、複合パターンfeatures-forms-controls
オーバーレイとポータルPortalHost、Dialog/Popover/SelectContent、contentInsetsfeatures-overlays-portals
レジストリと CLIinit、add、doctor、カスタムレジストリと registryDependenciesfeatures-registry-cli
ブロック認証ブロック、Clerk との統合、CLI によるブロックの追加features-blocks
ベストプラクティス
トピック説明リファレンス
コンポーネントの追加CLI の使用を推奨、PortalHost の配置、パスエイリアス、cn ヘルパー、手動コピーbest-practices-adding-components
トラブルシューティングdoctor、--log-level all、PortalHost、エイリアス、依存関係best-practices-troubleshooting

コメント

Markdown 対応