·responsive-design
</>

responsive-design

قم بإنشاء تصميمات ويب سريعة الاستجابة تعمل عبر جميع الأجهزة وأحجام الشاشات. يُستخدم عند إنشاء تخطيطات تعطي الأولوية للأجهزة المحمولة، أو تنفيذ نقاط التوقف، أو تحسين إطارات العرض المختلفة. يتعامل مع CSS Grid وFlexbox واستعلامات الوسائط ووحدات إطار العرض والصور سريعة الاستجابة.

17التثبيتات·0الرائج·@akillness

التثبيت

$npx skills add https://github.com/akillness/skills-template --skill responsive-design

كيفية تثبيت responsive-design

ثبّت مهارة الذكاء الاصطناعي responsive-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/akillness/skills-template --skill responsive-design
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: akillness/skills-template.

Tags #responsive #mobile-first #CSS #Flexbox #Grid #media-query #frontend

قم بإنشاء تصميمات ويب سريعة الاستجابة تعمل عبر جميع الأجهزة وأحجام الشاشات. يُستخدم عند إنشاء تخطيطات تعطي الأولوية للأجهزة المحمولة، أو تنفيذ نقاط التوقف، أو تحسين إطارات العرض المختلفة. يتعامل مع CSS Grid وFlexbox واستعلامات الوسائط ووحدات إطار العرض والصور سريعة الاستجابة. المصدر: akillness/skills-template.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/akillness/skills-template --skill responsive-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

معتمدة أمنيا لكود موثوق وآمن تثبيت بنقرة واحدة مع إعداد مبسّط متوافقة مع Claude Code وCursor وOpenClaw والمزيد

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/akillness/skills-template --skill responsive-design
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-10

Browse more skills from akillness/skills-template

إجابات سريعة

ما هي responsive-design؟

قم بإنشاء تصميمات ويب سريعة الاستجابة تعمل عبر جميع الأجهزة وأحجام الشاشات. يُستخدم عند إنشاء تخطيطات تعطي الأولوية للأجهزة المحمولة، أو تنفيذ نقاط التوقف، أو تحسين إطارات العرض المختلفة. يتعامل مع CSS Grid وFlexbox واستعلامات الوسائط ووحدات إطار العرض والصور سريعة الاستجابة. المصدر: akillness/skills-template.

كيف أثبّت responsive-design؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/akillness/skills-template --skill responsive-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/akillness/skills-template

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-03-09