·tremor-design-system
*

tremor-design-system

أنشئ لوحات معلومات وواجهات تحليلية وواجهات مستخدم غنية بالبيانات باستخدام نظام تصميم Tremor (React + Tailwind CSS + Recharts). يُستخدم عندما يطلب المستخدم إنشاء مكونات لوحة المعلومات، أو بطاقات مؤشرات الأداء الرئيسية، أو المخططات، أو جداول البيانات، أو صفحات التحليلات، أو واجهات المراقبة، أو أي واجهة مستخدم لتصور البيانات يجب أن تستخدم Tremor. تتضمن المشغلات إشارات إلى "Tremor"، أو "tremor.so"، أو "@tremor/react"، أو طلبات واجهات مستخدم لوحة المعلومات مع المخططات والجداول، أو عندما يستخدم مشروع المستخدم مكونات Tremor بالفعل. يدعم كلاً من إصدارات Tremor Raw (النسخ واللصق، tremor.so) وإصدارات Tremor NPM (@tremor/react). لا تستخدمه في أعمال الواجهة الأمامية العامة التي لا تتعلق بلوحات المعلومات أو تصور البيانات، أو عندما يطلب المستخدم صراحةً مكتبة مكونات مختلفة.

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

التثبيت

$npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system

كيفية تثبيت tremor-design-system

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

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

المصدر: fefogarcia/approved-skills.

Build production-grade dashboards and analytics interfaces using Tremor's React component library.

Tremor has two distribution models. Detect which the user's project uses before writing code:

If unclear, ask the user. Default to Tremor Raw for new projects, as it is the actively developed version (acquired by Vercel in Jan 2025).

أنشئ لوحات معلومات وواجهات تحليلية وواجهات مستخدم غنية بالبيانات باستخدام نظام تصميم Tremor (React + Tailwind CSS + Recharts). يُستخدم عندما يطلب المستخدم إنشاء مكونات لوحة المعلومات، أو بطاقات مؤشرات الأداء الرئيسية، أو المخططات، أو جداول البيانات، أو صفحات التحليلات، أو واجهات المراقبة، أو أي واجهة مستخدم لتصور البيانات يجب أن تستخدم Tremor. تتضمن المشغلات إشارات إلى "Tremor"، أو "tremor.so"، أو "@tremor/react"، أو طلبات واجهات مستخدم لوحة المعلومات مع المخططات والجداول، أو عندما يستخدم مشروع المستخدم مكونات Tremor بالفعل. يدعم كلاً من إصدارات Tremor Raw (النسخ واللصق، tremor.so) وإصدارات Tremor NPM (@tremor/react). لا تستخدمه في أعمال الواجهة الأمامية العامة التي لا تتعلق بلوحات المعلومات أو تصور البيانات، أو عندما يطلب المستخدم صراحةً مكتبة مكونات مختلفة. المصدر: fefogarcia/approved-skills.

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

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

أمر التثبيت
npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-26
آخر تحديث
2026-03-11

Browse more skills from fefogarcia/approved-skills

إجابات سريعة

ما هي tremor-design-system؟

أنشئ لوحات معلومات وواجهات تحليلية وواجهات مستخدم غنية بالبيانات باستخدام نظام تصميم Tremor (React + Tailwind CSS + Recharts). يُستخدم عندما يطلب المستخدم إنشاء مكونات لوحة المعلومات، أو بطاقات مؤشرات الأداء الرئيسية، أو المخططات، أو جداول البيانات، أو صفحات التحليلات، أو واجهات المراقبة، أو أي واجهة مستخدم لتصور البيانات يجب أن تستخدم Tremor. تتضمن المشغلات إشارات إلى "Tremor"، أو "tremor.so"، أو "@tremor/react"، أو طلبات واجهات مستخدم لوحة المعلومات مع المخططات والجداول، أو عندما يستخدم مشروع المستخدم مكونات Tremor بالفعل. يدعم كلاً من إصدارات Tremor Raw (النسخ واللصق، tremor.so) وإصدارات Tremor NPM (@tremor/react). لا تستخدمه في أعمال الواجهة الأمامية العامة التي لا تتعلق بلوحات المعلومات أو تصور البيانات، أو عندما يطلب المستخدم صراحةً مكتبة مكونات مختلفة. المصدر: fefogarcia/approved-skills.

كيف أثبّت tremor-design-system؟

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

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

https://github.com/fefogarcia/approved-skills

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-26