قم بإنشاء CSS/SCSS سريع الاستجابة للجوال تلقائيًا عند إنشاء أنماط المكونات أو ذكر التصميم سريع الاستجابة. ينفذ نقاط التوقف القياسية (768 بكسل، 1024 بكسل)، ويضمن تباين الألوان WCAG AA، وينشئ واجهات سهلة اللمس (الحد الأدنى للأهداف 44 بكسل)، ويضيف مؤشرات التركيز المناسبة، ويدعم الحركة المنخفضة، ويقيس الطباعة بشكل مستجيب، ويوفر مواصفات فنية مفصلة بقيم دقيقة.
ثبّت مهارة الذكاء الاصطناعي responsive-styling بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: kanopi/cms-cultivator.
Purpose Generate mobile-first, responsive CSS/SCSS that works across all devices and follows accessibility best practices.
Mobile-First Approach Always write base styles for mobile, then enhance for larger screens:
❌ Desktop-first (using max-width) ❌ Magic numbers (random breakpoints) ❌ Forgetting touch targets ❌ Fixed pixel widths that don't scale ❌ Tiny text on mobile (<16px) ❌ Horizontal scrolling ❌ Ignoring landscape mobile ❌ Breaking at intermediate sizes
قم بإنشاء CSS/SCSS سريع الاستجابة للجوال تلقائيًا عند إنشاء أنماط المكونات أو ذكر التصميم سريع الاستجابة. ينفذ نقاط التوقف القياسية (768 بكسل، 1024 بكسل)، ويضمن تباين الألوان WCAG AA، وينشئ واجهات سهلة اللمس (الحد الأدنى للأهداف 44 بكسل)، ويضيف مؤشرات التركيز المناسبة، ويدعم الحركة المنخفضة، ويقيس الطباعة بشكل مستجيب، ويوفر مواصفات فنية مفصلة بقيم دقيقة. المصدر: kanopi/cms-cultivator.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/kanopi/cms-cultivator --skill responsive-stylingقم بإنشاء CSS/SCSS سريع الاستجابة للجوال تلقائيًا عند إنشاء أنماط المكونات أو ذكر التصميم سريع الاستجابة. ينفذ نقاط التوقف القياسية (768 بكسل، 1024 بكسل)، ويضمن تباين الألوان WCAG AA، وينشئ واجهات سهلة اللمس (الحد الأدنى للأهداف 44 بكسل)، ويضيف مؤشرات التركيز المناسبة، ويدعم الحركة المنخفضة، ويقيس الطباعة بشكل مستجيب، ويوفر مواصفات فنية مفصلة بقيم دقيقة. المصدر: kanopi/cms-cultivator.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/kanopi/cms-cultivator --skill responsive-styling بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/kanopi/cms-cultivator