التنسيق بـ Tailwind CSS
يحوّل تصميمًا أو CSS تقليديًا إلى فئات Tailwind منظمة ومتجاوبة.
توضيح مهم: معظم الاختصارات دي مش أوامر رسمية مبرمجة داخل ChatGPT. هي كلمات بتوجّه الذكاء الاصطناعي لتنفيذ مهمة معينة. بعضها منتشر، وبعضها اختصارات عملية تقدر تستخدمها بنفسك. النتائج ممكن تختلف حسب النموذج، والأفضل تضيف تفاصيل بعد الأمر.
تستخدمه إزاي؟
اكتب الأمر في أول رسالتك للأداة، وبعده طلبك بالتفصيل. الأمر نفسه وطرق كتابته متاحة للمشتركين.
الشرح
«الأمر» يطلب من النموذج كتابة الواجهة بفئات Tailwind أو تحويل CSS قائم إليها، مع نقاط التوقف المتجاوبة (sm وmd وlg)، والوضع الداكن، وحالات التفاعل (hover وfocus)، ودعم الاتجاه RTL بالمتغيرات المنطقية، واستخراج المتكرر إلى مكونات بدل تكرار الفئات الطويلة. يذكر ما يحتاج إعدادًا في ملف الإعدادات كالألوان والخطوط المخصصة. حدوده: إصدار Tailwind (3 مقابل 4) يغيّر صيغة الإعداد وبعض الفئات، فاذكر إصدارك، وقد يخترع فئة غير موجودة، لذا تحقق من التوثيق ومن إضافة IntelliSense، ولا تتوقع أن تطابق الألوان هويتك بلا توجيه.
طرق الاستخدام والمثال الجاهز للمشتركين
- كل طرق كتابة الأمر ومعنى كل طريقة
- مثال جاهز تنسخه بضغطة وتجرّبه على طول
- نصائح لنتيجة أدق وأوامر مرتبطة
مشترك بالفعل؟ سجّل الدخول