ما هي ui-patterns؟
أنماط تصميم واجهة المستخدم لـ React + TailwindCSS. يُستخدم عند إنشاء مكونات واجهة مستخدم جديدة، أو عناصر التصميم، أو تنفيذ دعم الوضع المظلم، أو العمل على أي مكون React يحتاج إلى تصميم متسق. المصدر: cliangdev/specflux.
·ui-patterns
*
ui-patterns
✓أنماط تصميم واجهة المستخدم لـ React + TailwindCSS. يُستخدم عند إنشاء مكونات واجهة مستخدم جديدة، أو عناصر التصميم، أو تنفيذ دعم الوضع المظلم، أو العمل على أي مكون React يحتاج إلى تصميم متسق.
التثبيت
كيفية تثبيت ui-patterns
ثبّت مهارة الذكاء الاصطناعي ui-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/cliangdev/specflux --skill ui-patterns
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: cliangdev/specflux.
SKILL.md
عرض النص الخامAll UI components MUST support dark mode using Tailwind's class strategy.
| gap-1.5 | Icon + text in badges | | gap-2 | Button groups | | gap-3 | Form fields | | gap-4 | Section spacing | | gap-6 | Major section spacing | | p-4 | Card padding | | p-6 | Modal/panel padding |
أنماط تصميم واجهة المستخدم لـ React + TailwindCSS. يُستخدم عند إنشاء مكونات واجهة مستخدم جديدة، أو عناصر التصميم، أو تنفيذ دعم الوضع المظلم، أو العمل على أي مكون React يحتاج إلى تصميم متسق. المصدر: cliangdev/specflux.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/cliangdev/specflux --skill ui-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/cliangdev/specflux --skill ui-patterns- المصدر
- cliangdev/specflux
- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-02-11
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت ui-patterns؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/cliangdev/specflux --skill ui-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/cliangdev/specflux
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-02-11