·modern-web-design
*

modern-web-design

اتجاهات ومبادئ وأنماط تنفيذ تصميم الويب الحديثة للأعوام 2024-2025. استخدم هذه المهارة عند تصميم مواقع الويب، أو إنشاء تجارب تفاعلية، أو تنفيذ أنظمة التصميم، أو ضمان إمكانية الوصول، أو بناء واجهات الأداء أولاً. تشغيل المهام التي تتضمن اتجاهات التصميم الحديثة، أو التفاعلات الدقيقة، أو سرد التمرير، أو البساطة الجريئة، أو تجربة المستخدم للمؤشر، أو الشكل الزجاجي، أو الامتثال لإمكانية الوصول، أو تحسين الأداء، أو بنية نظام التصميم. مهارات الرسوم المتحركة المرجعية (GSAP، Framer Motion، React Spring)، والمهارات ثلاثية الأبعاد (Three.js، R3F، Babylon.js)، ومكتبات المكونات لتوجيهات التنفيذ.

14التثبيتات·1الرائج·@freshtechbro

التثبيت

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design

كيفية تثبيت modern-web-design

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

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

المصدر: freshtechbro/claudedesignskills.

Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.

This meta-skill synthesizes knowledge from all animation, interaction, and 3D skills in this repository to provide holistic design guidance.

Philosophy: Design decisions should prioritize Core Web Vitals and user experience on all devices.

اتجاهات ومبادئ وأنماط تنفيذ تصميم الويب الحديثة للأعوام 2024-2025. استخدم هذه المهارة عند تصميم مواقع الويب، أو إنشاء تجارب تفاعلية، أو تنفيذ أنظمة التصميم، أو ضمان إمكانية الوصول، أو بناء واجهات الأداء أولاً. تشغيل المهام التي تتضمن اتجاهات التصميم الحديثة، أو التفاعلات الدقيقة، أو سرد التمرير، أو البساطة الجريئة، أو تجربة المستخدم للمؤشر، أو الشكل الزجاجي، أو الامتثال لإمكانية الوصول، أو تحسين الأداء، أو بنية نظام التصميم. مهارات الرسوم المتحركة المرجعية (GSAP، Framer Motion، React Spring)، والمهارات ثلاثية الأبعاد (Three.js، R3F، Babylon.js)، ومكتبات المكونات لتوجيهات التنفيذ. المصدر: freshtechbro/claudedesignskills.

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

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

أمر التثبيت
npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

إجابات سريعة

ما هي modern-web-design؟

اتجاهات ومبادئ وأنماط تنفيذ تصميم الويب الحديثة للأعوام 2024-2025. استخدم هذه المهارة عند تصميم مواقع الويب، أو إنشاء تجارب تفاعلية، أو تنفيذ أنظمة التصميم، أو ضمان إمكانية الوصول، أو بناء واجهات الأداء أولاً. تشغيل المهام التي تتضمن اتجاهات التصميم الحديثة، أو التفاعلات الدقيقة، أو سرد التمرير، أو البساطة الجريئة، أو تجربة المستخدم للمؤشر، أو الشكل الزجاجي، أو الامتثال لإمكانية الوصول، أو تحسين الأداء، أو بنية نظام التصميم. مهارات الرسوم المتحركة المرجعية (GSAP، Framer Motion، React Spring)، والمهارات ثلاثية الأبعاد (Three.js، R3F، Babylon.js)، ومكتبات المكونات لتوجيهات التنفيذ. المصدر: freshtechbro/claudedesignskills.

كيف أثبّت modern-web-design؟

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

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

https://github.com/freshtechbro/claudedesignskills