أنشئ تطبيقات React ذات سمة داكنة باستخدام Tailwind CSS مع سمات مخصصة وتأثيرات شكل زجاجي ورسوم متحركة Framer Motion. يُستخدم عند إنشاء لوحات معلومات أو لوحات إدارية أو واجهات غنية بالبيانات ذات مظهر جمالي داكن مصقول.
ثبّت مهارة الذكاء الاصطناعي frontend-ui-dark-ts بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: microsoft/agent-skills.
A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.
| react | ^18.x | UI framework | | react-dom | ^18.x | DOM rendering | | react-router-dom | ^6.x | Routing | | framer-motion | ^11.x | Animations | | clsx | ^2.x | Class merging | | tailwindcss | ^3.x | Styling | | vite | ^5.x | Build tool | | typescript | ^5.x | Type safety |
The HTML entry point with mobile viewport, favicons, and social meta tags:
أنشئ تطبيقات React ذات سمة داكنة باستخدام Tailwind CSS مع سمات مخصصة وتأثيرات شكل زجاجي ورسوم متحركة Framer Motion. يُستخدم عند إنشاء لوحات معلومات أو لوحات إدارية أو واجهات غنية بالبيانات ذات مظهر جمالي داكن مصقول. المصدر: microsoft/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/microsoft/agent-skills --skill frontend-ui-dark-tsأنشئ تطبيقات React ذات سمة داكنة باستخدام Tailwind CSS مع سمات مخصصة وتأثيرات شكل زجاجي ورسوم متحركة Framer Motion. يُستخدم عند إنشاء لوحات معلومات أو لوحات إدارية أو واجهات غنية بالبيانات ذات مظهر جمالي داكن مصقول. المصدر: microsoft/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/microsoft/agent-skills --skill frontend-ui-dark-ts بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/microsoft/agent-skills