prompt
استراتيجية نقاط التوقف للتخطيط المستجيب
تحديد استراتيجية نقاط التوقف المستجيبة مع عتبات البكسل المحددة وتحولات التخطيط وقواعد سلوك المكون لكل طبقة.
آخر تحديث يونيو ٢٠٢٦
الموجه
أنشئ استراتيجية نقاط توقف مستجيبة ل {{product_type}} استهدافا {{device_types}}. لكل نقطة توقف، وثق: 1. نطاق البكسل (على سبيل المثال، 320–479px، 480–768px، 769+px) 2. تسمية طبقة الجهاز (هاتف محمول، جهلوحة، سطح مكتب) 3. عدد الأعمدة (تخطيط الشبكة) 4. عرض الحاوية الأقصى والحشو 5. تحجيم حجم الخط (نسب الأساس والعنوان) 6. تغييرات سلوك المكون (مكدس مقابل مضمن، تبديلات الرؤية) 7. نمط الملاحة (قائمة الهامبرغر مقابل الملاحة الأفقية) 8. أهداف التفاعل باللمس مقابل الماوس (48px الحد الأدنى للمس) 9. استراتيجية إعادة تدفق الصور والوسائط 10. اعتبارات الأداء (عتبات التحميل الكسول، التحميل على أساس viewport) صيغ كجدول مواصفات نقاط التوقف مع تجاوزات متغيرات CSS.
هل نجح معك؟ قيم هذا الموجه
المتغيرات
التفاصيل
المصدر
AI Khazna
الرخصة
—
الأمان
—
النوع
prompt
أصول ذات صلة
مختارات أخرى في التصميم والإبداع.
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/frontend-design ~/.claude/skills/
تصميم واجهة المستخدم
إنشاء واجهات أمامية متميزة وعالية الجودة جاهزة للإنتاج. استخدم هذه المهارة عندما يطلب المستخدم بناء مكونات ويب أو صفحات أو تصاميم أو ملصقات أو تطبيقات…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
منشئ رسائل Slack المتحركة
المعارف والأدوات لإنشاء صور GIF متحركة محسنة للاستخدام في Slack. يوفر قيودا وأدوات التحقق ومفاهيم الرسوم المتحركة. استخدمه عندما يطلب المستخدمون صور G…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
منشئ القطع الفنية الويب
مجموعة أدوات لإنشاء قطع عمل HTML متقدمة ومتعددة المكونات على claude.ai باستخدام تقنيات الويب الحديثة (React و Tailwind CSS و shadcn/ui). استخدمها للقط…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
تصميم Canvas
إنشاء أعمال فنية بصرية جميلة في ملفات .png و.pdf باستخدام فلسفة التصميم. استخدم هذه المهارة عندما يطلب المستخدم إنشاء ملصق أو عمل فني أو تصميم أو أي ق…★ ٤.٨ · ٢,٥٠٠+
image stylemidjourneydall-eflux
تصيير معماري واقعي — واجهات وداخليات وسياق حضري.
حزمة تصيير معماري
تصيير معماري واقعي — واجهات وداخليات وسياق حضري.٠+
prompt
يفحص ازواج الالوان مقابل قواعد تباين WCAG ويقترح اصلاحات يمكن الوصول اليها.
مدقق تباين الوصول
يفحص ازواج الالوان مقابل قواعد تباين WCAG ويقترح اصلاحات يمكن الوصول اليها.٠+
افحص قبل التثبيت
شغل أي مصدر عبر فحوصاتنا - الظهور في الذكاء الاصطناعي والأمان والأداء واكتشاف التقنيات.
فحص أمني تلقائي للموقع
الأمان
محلل سرعة الصفحة
الأداء
اختبار جودة المحتوى العربي بالذكاء الاصطناعي
جودة المحتوى
مختبر وكلاء الذكاء الاصطناعي
اختبار الذكاء الاصطناعي
كاشف منصة الموقع
الترحيل
تدقيق الظهور في محركات الذكاء الاصطناعي
الظهور في الذكاء الاصطناعي
مولد ملف llms.txt
الظهور في الذكاء الاصطناعي
مقياس سهولة القراءة بالعربية
جودة المحتوى
منشئ البيانات المنظمة
الظهور في الذكاء الاصطناعي
حاسبة تكاليف الذكاء الاصطناعي
اختبار الذكاء الاصطناعي
محلل العناوين العربية
جودة المحتوى