ما هي responsive-layout-builder؟
أنشئ تخطيطات سريعة الاستجابة باستخدام استعلامات CSS Grid وFlexbox والحاويات. يُستخدم عند إنشاء تصميمات سريعة الاستجابة، أو إصلاح مشكلات التخطيط، أو إنشاء تخطيطات للجوال أولاً. المصدر: onewave-ai/claude-skills.
·responsive-layout-builder
</>
responsive-layout-builder
✓أنشئ تخطيطات سريعة الاستجابة باستخدام استعلامات CSS Grid وFlexbox والحاويات. يُستخدم عند إنشاء تصميمات سريعة الاستجابة، أو إصلاح مشكلات التخطيط، أو إنشاء تخطيطات للجوال أولاً.
كيفية تثبيت responsive-layout-builder
ثبّت مهارة الذكاء الاصطناعي responsive-layout-builder بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/onewave-ai/claude-skills --skill responsive-layout-builder
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: onewave-ai/claude-skills.
SKILL.md
عرض النص الخام| Navigation bars | Page layouts | | Card content alignment | Card grids | | Centering content | Complex 2D layouts | | Space distribution | Overlapping elements | | Unknown item count | Defined structure |
أنشئ تخطيطات سريعة الاستجابة باستخدام استعلامات CSS Grid وFlexbox والحاويات. يُستخدم عند إنشاء تصميمات سريعة الاستجابة، أو إصلاح مشكلات التخطيط، أو إنشاء تخطيطات للجوال أولاً. المصدر: onewave-ai/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/onewave-ai/claude-skills --skill responsive-layout-builder بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
معتمدة أمنيا لكود موثوق وآمن تثبيت بنقرة واحدة مع إعداد مبسّط متوافقة مع Claude Code وCursor وOpenClaw والمزيد
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/onewave-ai/claude-skills --skill responsive-layout-builder- المصدر
- onewave-ai/claude-skills
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-03-07
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت responsive-layout-builder؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/onewave-ai/claude-skills --skill responsive-layout-builder بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/onewave-ai/claude-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-03-07