·tw-react-components
</>

tw-react-components

استخدم مكتبة tw-react-components لإنشاء واجهات مستخدم React باستخدام TailwindCSS. يوفر المكونات (Button، وDialog، وDataTable، وعناصر تحكم النموذج، والتخطيط، وما إلى ذلك)، والخطافات (useToast، وusePagination، وuseOutsideClick، وما إلى ذلك)، والمساعدين. يُستخدم عند إنشاء لوحات المعلومات أو النماذج أو ميزات واجهة المستخدم باستخدام هذه المكتبة.

3التثبيتات·0الرائج·@bacali95

التثبيت

$npx skills add https://github.com/bacali95/tw-react-components --skill tw-react-components

كيفية تثبيت tw-react-components

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

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

المصدر: bacali95/tw-react-components.

React component library built with TailwindCSS for dashboards and applications.

Two patterns: FormInputs. with react-hook-form, or standalone components.

See references/components/dialog.md for FormDialog, PdfViewerDialog, etc.

استخدم مكتبة tw-react-components لإنشاء واجهات مستخدم React باستخدام TailwindCSS. يوفر المكونات (Button، وDialog، وDataTable، وعناصر تحكم النموذج، والتخطيط، وما إلى ذلك)، والخطافات (useToast، وusePagination، وuseOutsideClick، وما إلى ذلك)، والمساعدين. يُستخدم عند إنشاء لوحات المعلومات أو النماذج أو ميزات واجهة المستخدم باستخدام هذه المكتبة. المصدر: bacali95/tw-react-components.

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

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

أمر التثبيت
npx skills add https://github.com/bacali95/tw-react-components --skill tw-react-components
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from bacali95/tw-react-components

إجابات سريعة

ما هي tw-react-components؟

استخدم مكتبة tw-react-components لإنشاء واجهات مستخدم React باستخدام TailwindCSS. يوفر المكونات (Button، وDialog، وDataTable، وعناصر تحكم النموذج، والتخطيط، وما إلى ذلك)، والخطافات (useToast، وusePagination، وuseOutsideClick، وما إلى ذلك)، والمساعدين. يُستخدم عند إنشاء لوحات المعلومات أو النماذج أو ميزات واجهة المستخدم باستخدام هذه المكتبة. المصدر: bacali95/tw-react-components.

كيف أثبّت tw-react-components؟

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

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

https://github.com/bacali95/tw-react-components

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01

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

لا يوجد