frontend-ui-dark-tsالغرض والاستخدام والمصدر

ما تفعله هذه المهارة

أنشئ تطبيقات React ذات تصميم داكن باستخدام Tailwind CSS مع تخصيص المظهر، وتأثيرات Glassmorphism، ورسوم متحركة Framer Motion. استخدمها عند إنشاء لوحات تحكم، أو لوحات إدارة، أو واجهات غنية بالبيانات ذات جمالية داكنة راقية.

طريقة الاستخدام وفق المستند الأصلي

npm create vite@latest my-app -- --template react-ts
cd my-app
npm install framer-motion clsx react-router-dom
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

المتطلبات والإعداد

لم يتم اختيار أي فقرة متطلبات مختصرة من هذا الملف. هذا لا يعني أن المهارة لا تعتمد على أي ملفات أخرى. راجع تعليمات إعداد المستودع والملفات المرجعية.

الحدود وفحوصات الجودة

لم يتم تحديد أي مقطع حدود منفصل من هذا الملف. هذا لا يعني أن المهارة آمنة لكل مدخلات أو بيئة. راجع المصدر بالكامل وتحقق من صحة النتيجة بنفسك.

ابدأ بتجربة آمنة

1. تحقق من المضيف المدعوم وتعليمات تثبيت المستودع. احتفظ بمجلد المهارات والبرامج النصية والأصول والوثائق المشار إليها معًا؛SKILL.mdقد يؤدي وجود شخص واحد فقط إلى إغفال بعض التبعيات.
2. زوّد البرنامج ببياناتك الفعلية، والمخرجات المطلوبة، ومعايير القبول. يعتمد بناء جملة الاستدعاء والأدوات المتاحة على النظام المضيف؛ ولا يفترض هذا الموقع وجود أمر تثبيت موحد.
3. جرّب سير العمل الأصلي في مشروع مؤقت أو على نسخة احتياطية. راجع العمليات التي تُغيّر الملفات أو الخدمات البعيدة أو الموارد القابلة للفوترة قبل السماح بها.
4. تحقق من صحة المخرجات بمقارنتها بفحوصات جودة المصدر ومتطلباتك الخاصة. لا يُعدّ نجاح عملية التشغيل أو ارتفاع عدد النجوم في المستودع دليلاً على صحة النتيجة.

مواصفات ملف المهارة وبنية المجلدات ↗

اقرأ المزيد في المصدر

• واجهة المستخدم الأمامية ذات المظهر الداكن (TypeScript)
• index.html
• public/site.webmanifest
• الملفات ذات الصلة

المهارات ذات الصلة

• agent-framework-azure-ai-pymicrosoft/skills
• airunway-aks-setupmicrosoft/skills
• aks-cost-optimizationmicrosoft/skills
• appinsights-instrumentationmicrosoft/skills

الترجمة والنطاق

يختار دليل القراءة هذا مقاطع من المصدر الرئيسي المثبتSKILL.mdهذه الترجمة مساعدة. وهي ليست دليلاً كاملاً ولا تضمن التوافق المُختَبَر. يُرجى قراءة النص الأصلي والملفات المُشار إليها قبل الاستخدام.

تشير هذه المقدمة إلى النسخة المثبتة أدناه؛ ويتم عرض نشاط المستودع الحالي ووقت التجميع بشكل منفصل.

المصدر بإصدار ثابت

اقرأ الأصل ↗

تم استرجاع المصدر

2026-10-29T09:32:23Z

معرّف نسخة Git

00d66a64919edca5bca2c673373444e36a4b5461

المصدر SHA-256

ae89e5f7592c2ec2c279bac49b85c0eac2c269eb6331a45a33eea185a46e172b