ينشئ واجهات لوحة معلومات وتحليلات شاملة تجمع بين تصور البيانات وبطاقات مؤشرات الأداء الرئيسية والتحديثات في الوقت الفعلي والتخطيطات التفاعلية. استخدم هذه المهارة عند إنشاء لوحات معلومات ذكاء الأعمال أو أنظمة المراقبة أو التقارير التنفيذية أو أي واجهة تتطلب عرض بيانات منسقة متعددة مع عوامل التصفية والمقاييس والمرئيات التي تعمل معًا.
ثبّت مهارة الذكاء الاصطناعي creating-dashboards بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: ancoleman/ai-design-components.
This skill enables the creation of sophisticated dashboard interfaces that aggregate and present data through coordinated widgets including KPI cards, charts, tables, and filters. Dashboards serve as centralized command centers for data-driven decision making, combining multiple component types from other skills (data-viz, tables, design-tokens) into unified analytics experiences with real-time updates, responsive...
Fixed Layout: Designer-defined placement, consistent across users Customizable Grid: User drag-and-drop, resizable widgets, saved layouts Template-Based: Pre-built patterns, industry-specific starting points
For Quick Analytics Dashboard → Use Tremor Pre-built KPI cards, charts, and tables with minimal code:
ينشئ واجهات لوحة معلومات وتحليلات شاملة تجمع بين تصور البيانات وبطاقات مؤشرات الأداء الرئيسية والتحديثات في الوقت الفعلي والتخطيطات التفاعلية. استخدم هذه المهارة عند إنشاء لوحات معلومات ذكاء الأعمال أو أنظمة المراقبة أو التقارير التنفيذية أو أي واجهة تتطلب عرض بيانات منسقة متعددة مع عوامل التصفية والمقاييس والمرئيات التي تعمل معًا. المصدر: ancoleman/ai-design-components.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/ancoleman/ai-design-components --skill creating-dashboardsينشئ واجهات لوحة معلومات وتحليلات شاملة تجمع بين تصور البيانات وبطاقات مؤشرات الأداء الرئيسية والتحديثات في الوقت الفعلي والتخطيطات التفاعلية. استخدم هذه المهارة عند إنشاء لوحات معلومات ذكاء الأعمال أو أنظمة المراقبة أو التقارير التنفيذية أو أي واجهة تتطلب عرض بيانات منسقة متعددة مع عوامل التصفية والمقاييس والمرئيات التي تعمل معًا. المصدر: ancoleman/ai-design-components.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ancoleman/ai-design-components --skill creating-dashboards بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/ancoleman/ai-design-components