·responsive-design
</>

responsive-design

قم بتنفيذ تخطيطات سريعة الاستجابة باستخدام استعلامات الحاوية، والطباعة المرنة، وCSS Grid، واستراتيجيات نقطة توقف الهاتف المحمول أولاً. يُستخدم عند إنشاء واجهات تكيفية، أو تنفيذ تخطيطات مرنة، أو إنشاء سلوك سريع الاستجابة على مستوى المكون.

5.7Kالتثبيتات·52الرائج·@wshobson

التثبيت

$npx skills add https://github.com/wshobson/agents --skill responsive-design

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

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

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

المصدر: wshobson/agents.

Master modern responsive design techniques to create interfaces that adapt seamlessly across all screen sizes and device contexts.

قم بتنفيذ تخطيطات سريعة الاستجابة باستخدام استعلامات الحاوية، والطباعة المرنة، وCSS Grid، واستراتيجيات نقطة توقف الهاتف المحمول أولاً. يُستخدم عند إنشاء واجهات تكيفية، أو تنفيذ تخطيطات مرنة، أو إنشاء سلوك سريع الاستجابة على مستوى المكون. المصدر: wshobson/agents.

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

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

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

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

أمر التثبيت
npx skills add https://github.com/wshobson/agents --skill responsive-design
المصدر
wshobson/agents
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from wshobson/agents

إجابات سريعة

ما هي responsive-design؟

قم بتنفيذ تخطيطات سريعة الاستجابة باستخدام استعلامات الحاوية، والطباعة المرنة، وCSS Grid، واستراتيجيات نقطة توقف الهاتف المحمول أولاً. يُستخدم عند إنشاء واجهات تكيفية، أو تنفيذ تخطيطات مرنة، أو إنشاء سلوك سريع الاستجابة على مستوى المكون. المصدر: wshobson/agents.

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

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

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

https://github.com/wshobson/agents