gluestack-nativewind
✓このスキルは、Gluestack UI v3 および NativeWind v4 のデザイン パターンを適用して、一貫性があり、パフォーマンスが高く、保守しやすいスタイルを実現します。これは、コンポーネントを作成またはレビューするとき、スタイルの問題を修正するとき、または制約付きデザイン システムに従うようにスタイルをリファクタリングするときに使用する必要があります。
SKILL.md
This skill enforces constrained, opinionated styling patterns that reduce decision fatigue, improve performance, enable consistent theming, and limit the solution space to canonical patterns.
Always use Gluestack components instead of direct React Native imports:
| View from "react-native" | Box from "@/components/ui/box" | | Text from "react-native" | Text from "@/components/ui/text" | | TouchableOpacity from "react-native" | Pressable from "@/components/ui/pressable" | | ScrollView from "react-native" | ScrollView from "@/components/ui/scroll-view" |
このスキルは、Gluestack UI v3 および NativeWind v4 のデザイン パターンを適用して、一貫性があり、パフォーマンスが高く、保守しやすいスタイルを実現します。これは、コンポーネントを作成またはレビューするとき、スタイルの問題を修正するとき、または制約付きデザイン システムに従うようにスタイルをリファクタリングするときに使用する必要があります。 ソース: infinite-loop-factory/app-factory。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/infinite-loop-factory/app-factory --skill gluestack-nativewind- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
gluestack-nativewind とは？
このスキルは、Gluestack UI v3 および NativeWind v4 のデザイン パターンを適用して、一貫性があり、パフォーマンスが高く、保守しやすいスタイルを実現します。これは、コンポーネントを作成またはレビューするとき、スタイルの問題を修正するとき、または制約付きデザイン システムに従うようにスタイルをリファクタリングするときに使用する必要があります。 ソース: infinite-loop-factory/app-factory。
gluestack-nativewind のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/infinite-loop-factory/app-factory --skill gluestack-nativewind インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/infinite-loop-factory/app-factory
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01