ما هي tailwindcss-mobile-first؟
أنماط تصميم سريعة الاستجابة شاملة للهواتف المحمولة أولاً مع أفضل ممارسات 2025/2026 لـ Tailwind CSS v4 المصدر: josiahsiegel/claude-plugin-marketplace.
·tailwindcss-mobile-first
</>
tailwindcss-mobile-first
✓josiahsiegel/claude-plugin-marketplaceGitHub: josiahsiegel/claude-plugin-marketplaceالمصدر: josiahsiegel/claude-plugin-marketplace
أنماط تصميم سريعة الاستجابة شاملة للهواتف المحمولة أولاً مع أفضل ممارسات 2025/2026 لـ Tailwind CSS v4
كيفية تثبيت tailwindcss-mobile-first
ثبّت مهارة الذكاء الاصطناعي tailwindcss-mobile-first بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: josiahsiegel/claude-plugin-marketplace.
SKILL.md
عرض النص الخامMobile-first design is the industry standard for 2025/2026. With mobile traffic consistently exceeding 60% of global web traffic and Google's mobile-first indexing, starting with mobile ensures optimal user experience and SEO performance.
Key Principle: Unprefixed utilities apply to ALL screen sizes. Breakpoint prefixes apply at that size AND ABOVE.
| (none) | 0px | All mobile phones (base) | | sm: | 640px (40rem) | Large phones, small tablets | | md: | 768px (48rem) | Tablets (portrait) | | lg: | 1024px (64rem) | Tablets (landscape), laptops | | xl: | 1280px (80rem) | Desktops | | 2xl: | 1536px (96rem) | Large desktops |
أنماط تصميم سريعة الاستجابة شاملة للهواتف المحمولة أولاً مع أفضل ممارسات 2025/2026 لـ Tailwind CSS v4 المصدر: josiahsiegel/claude-plugin-marketplace.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-19
- آخر تحديث
- 2026-03-10
Browse more skills from josiahsiegel/claude-plugin-marketplace
إجابات سريعة
كيف أثبّت tailwindcss-mobile-first؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/josiahsiegel/claude-plugin-marketplace
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-19