تكوين Tailwind CSS لـ Expo
تحتاج فرق Expo إلى تنسيق متسق عبر أهداف native وweb. توفّر هذه المهارة مسار إعداد مركّزًا لـ Tailwind CSS v4 وNativeWind v5 وreact-native-css.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "expo-tailwind-setup" from https://skillstore.io/skills/expo-expo-tailwind-setup.md and its manifest at https://skillstore.io/api/skills/expo-expo-tailwind-setup/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "expo-tailwind-setup". أحتاج إلى Tailwind CSS v4 في تطبيق Expo يستهدف iOS وAndroid وweb.
النتيجة المتوقعة:
خطة إعداد تغطي تثبيت الحزم، وتكوين Metro، وتكوين PostCSS، واستيرادات CSS العامة، ومغلّفات className المشتركة.
جارٍ استخدام "expo-tailwind-setup". أنماط NativeWind الخاصة بي لا تُطبّق بعد الترحيل.
النتيجة المتوقعة:
قائمة تحقق لاستكشاف الأخطاء وإصلاحها تشمل استيرادات CSS، وتكامل NativeWind مع Metro، والمكوّنات المغلّفة، وخصائص className في TypeScript.
جارٍ استخدام "expo-tailwind-setup". أريد ألوان iOS الدلالية في أدوات Tailwind.
النتيجة المتوقعة:
إرشادات لتعريف متغيرات CSS، واستخدام استعلامات وسائط المنصات، وتسجيل الألوان في طبقة سمة Tailwind.
All static findings were adjudicated as false positives caused by Markdown code fences, sample configuration snippets, platform CSS references, or a benign Expo platform check. No prompt injection, credential access, data exfiltration, or malicious intent was found in SKILL.md.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/expo-expo-tailwind-setup/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/expo-expo-tailwind-setup?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/expo-expo-tailwind-setup?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/expo-expo-tailwind-setup/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/expo-expo-tailwind-setup.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>expo. (2026). expo-tailwind-setup security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/expo-expo-tailwind-setup/audits/5@techreport{expo-expo-expo-tailwind-setup-2026,
author = {expo},
title = {expo-tailwind-setup security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/expo-expo-tailwind-setup/audits/5},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "expo-tailwind-setup security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "expo"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/expo-expo-tailwind-setup/audits/5"
identifiers:
- type: other
value: "skillstore:expo-expo-tailwind-setup:audit:5"
description: "Skillstore immutable audit report identifier"
أضف دعم تنسيق Tailwind CSS v4 إلى مشروع Expo جديد يستهدف native وweb.
استبدل أنماط تكوين NativeWind وTailwind القديمة بنهج v4 القائم على CSS أولًا.
أنشئ مكوّنات مشتركة مفعّلة لـ CSS حتى تتمكن شاشات التطبيق من استخدام className باتساق.
استخدم هذه المهارة لسرد الحزم وملفات التكوين اللازمة لـ Tailwind CSS v4 في مشروع Expo الخاص بي.
طبّق إرشادات إعداد Expo Tailwind لإنشاء أو تحديث تكوين Metro وتكوين PostCSS وملف CSS العام الخاص بي.
استخدم هذه المهارة لإضافة مغلّفات قابلة لإعادة الاستخدام ومفعّلة لـ CSS لمكوّنات React Native الأساسية في تطبيق Expo الخاص بي.
راجع إعداد التنسيق الحالي في Expo الخاص بي واستخدم هذه المهارة لتخطيط ترحيل من NativeWind v4 أو Tailwind v3 إلى حزمة v5 وv4.
المؤلف
expoالترخيص
MIT
إصدار المؤلف
v1.0.0
مراجعة Skillstore
r1
المستودع
https://github.com/expo/skills/tree/main/plugins/expo-app-design/skills/expo-tailwind-setup/مرجع
30c73eac2afe762f6aa9c4553158769369d47351
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
7 تنزيلات · 168 مشاهدات
بنية الملفات
📄 SKILL.md
إنشاء عملاء تطوير Expo للاختبار الأصلي
تحتاج فرق Expo إلى عملاء تطوير موثوقين عندما يتجاوز الكود الأصلي حدود Expo Go. ترشد هذه المهارة إلى إعداد EAS Build، والتسليم عبر TestFlight، والبناء المحلي، والتثبيت، واستكشاف الأخطاء الأساسية وإصلاحها.
بناء مسارات Expo API
قد تكون مسارات API في Expo Router مربكة عندما تكون الأسرار والنشر وحدود وقت التشغيل ضمن الصورة. تمنحك هذه المهارة أنماطًا عملية لبناء المسارات واختبارها ونشرها على EAS Hosting.
بناء مكوّنات Expo DOM
غالبًا ما تحتاج فرق Expo إلى استخدام مكتبات الويب داخل التطبيقات الأصلية دون إعادة كتابتها. ترشد هذه المهارة Claude وCodex وClaude Code عبر أنماط آمنة لمكوّنات DOM.
بناء تدفقات الشبكات في Expo
تحتاج تطبيقات الهاتف المحمول إلى طلبات API موثوقة، وتخزين مؤقت، ومعالجة الرموز، وسلوك دون اتصال. ترشد هذه المهارة مطوري Expo عبر fetch وReact Query وSecureStore وNetInfo والتكوين المعتمد على البيئة.
نشر تطبيقات Expo باستخدام EAS
تتطلب إصدارات Expo خطوات بناء وبيانات اعتماد وإرسال إلى المتاجر خاصة بكل منصة. ترشد هذه المهارة إلى EAS builds وعمليات الإرسال والبيانات الوصفية وسير العمل وتخطيط الطرح.
بناء واجهات تطبيقات Expo أصلية
غالبًا ما تحتاج تطبيقات Expo إلى تنقل وعناصر تحكم ووسائط ولمسات بصرية تبدو أصلية. تمنح هذه المهارة Codex وClaude أنماطًا عملية لعمل واجهات Expo Router.
تطبيق أنماط تنسيق React Native
بواسطة CJHarmath
قد يصبح تنسيق React Native غير متسق عبر السمات والشاشات والمنصات. تمنحك هذه المهارة أنماطًا عملية لاستخدام NativeWind وBrandColors في تطبيقات Expo.
تحسين تطبيقات React Native
بواسطة vercel-labs
قد تعاني تطبيقات React Native من قوائم بطيئة، وحركات متقطعة، وأخطاء خاصة بالمنصات. تمنح هذه المهارة Codex وClaude وClaude Code قواعد موجزة للعمل عالي الأداء في Expo وReact Native.
تحسين أداء React Native
بواسطة CJHarmath
قد تعاني تطبيقات React Native من قوائم بطيئة، وعمليات تصيير إضافية، وتوقفات في خيط JS. توفر هذه المهارة أنماطًا مركزة لشاشات FlatList أسرع، ومكونات محفوظة بالذاكرة، ومحددات محسّنة، وصور مخزنة مؤقتًا، وتحليل الأداء.
ترقية Expo SDKs بأمان
بواسطة sickn33
يمكن أن تؤدي ترقيات Expo SDK إلى كسر التبعيات والإعدادات والسلوك الأصلي. توفر هذه المهارة خطة ترقية منظمة مع فحوصات للحزم وإعدادات التطبيق وواجهات API والاختبار.
بناء تطبيقات React Native جاهزة للإنتاج
بواسطة sickn33
تحتاج فرق الأجهزة المحمولة إلى بنية Expo وReact Native متسقة قبل أن يكبر كود المنتج. ترشد هذه المهارة أنماط التنقل، والحالة، وواجهات API الأصلية، والمزامنة دون اتصال، والأداء، وإصدارات EAS.
اختبار تطبيقات React Native بموثوقية
بواسطة CJHarmath
غالبا ما تفشل اختبارات React Native عندما لا تتم محاكاة الوحدات الأصلية والمخازن وتدفقات async بشكل متسق. توفر هذه المهارة أنماطا عملية لاستخدام Jest وReact Native Testing Library.