فلسفة التصميم المحايدة لإطار العمل للواجهات المرنة والمستجيبة. يغطي التفكير التخطيطي، والطباعة السائلة/رياضيات التباعد، والألوان التكيفية، والقواعد الصارمة. تغطية متساوية لـ SCSS وTailwind.
ثبّت مهارة الذكاء الاصطناعي flex-grid-flow بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: oerlellijk/design-system-skill.
A thinking framework for building responsive interfaces. This skill applies to any stack: React, Vue, Astro, Svelte, 11ty, plain HTML, Tailwind, SCSS, or vanilla CSS.
Common misconception: mobile layouts should center all content. Reality:
Not everything needs to be fluid. Choose based on the project:
فلسفة التصميم المحايدة لإطار العمل للواجهات المرنة والمستجيبة. يغطي التفكير التخطيطي، والطباعة السائلة/رياضيات التباعد، والألوان التكيفية، والقواعد الصارمة. تغطية متساوية لـ SCSS وTailwind. المصدر: oerlellijk/design-system-skill.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/oerlellijk/design-system-skill --skill flex-grid-flowفلسفة التصميم المحايدة لإطار العمل للواجهات المرنة والمستجيبة. يغطي التفكير التخطيطي، والطباعة السائلة/رياضيات التباعد، والألوان التكيفية، والقواعد الصارمة. تغطية متساوية لـ SCSS وTailwind. المصدر: oerlellijk/design-system-skill.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/oerlellijk/design-system-skill --skill flex-grid-flow بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/oerlellijk/design-system-skill