·building-tables
#

building-tables

ينشئ الجداول وشبكات البيانات لعرض المعلومات الجدولية، بدءًا من جداول HTML البسيطة وحتى شبكات بيانات المؤسسة المعقدة. يُستخدم عند إنشاء الجداول، أو تنفيذ الفرز/التصفية/ترقيم الصفحات، أو التعامل مع مجموعات البيانات الكبيرة (10-1 مليون+ صف)، أو إنشاء واجهات تشبه جداول البيانات، أو تصميم مكونات كثيفة البيانات. يوفر إستراتيجيات تحسين الأداء وأنماط إمكانية الوصول (WCAG/ARIA) والتصميمات سريعة الاستجابة وتوصيات المكتبة (TanStack Table وAG Grid).

16التثبيتات·0الرائج·@ancoleman

التثبيت

$npx skills add https://github.com/ancoleman/ai-design-components --skill building-tables

كيفية تثبيت building-tables

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

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

المصدر: ancoleman/ai-design-components.

This skill enables systematic creation of tables and data grids from simple HTML tables to enterprise-scale virtualized grids handling millions of rows. It provides clear decision frameworks based on data volume and required features, ensuring optimal performance, accessibility, and responsive design across all implementations.

For detailed selection criteria, reference references/selection-framework.md.

For optimization strategies, reference references/performance-optimization.md.

ينشئ الجداول وشبكات البيانات لعرض المعلومات الجدولية، بدءًا من جداول HTML البسيطة وحتى شبكات بيانات المؤسسة المعقدة. يُستخدم عند إنشاء الجداول، أو تنفيذ الفرز/التصفية/ترقيم الصفحات، أو التعامل مع مجموعات البيانات الكبيرة (10-1 مليون+ صف)، أو إنشاء واجهات تشبه جداول البيانات، أو تصميم مكونات كثيفة البيانات. يوفر إستراتيجيات تحسين الأداء وأنماط إمكانية الوصول (WCAG/ARIA) والتصميمات سريعة الاستجابة وتوصيات المكتبة (TanStack Table وAG Grid). المصدر: ancoleman/ai-design-components.

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

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

أمر التثبيت
npx skills add https://github.com/ancoleman/ai-design-components --skill building-tables
الفئة
#المستندات
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from ancoleman/ai-design-components

إجابات سريعة

ما هي building-tables؟

ينشئ الجداول وشبكات البيانات لعرض المعلومات الجدولية، بدءًا من جداول HTML البسيطة وحتى شبكات بيانات المؤسسة المعقدة. يُستخدم عند إنشاء الجداول، أو تنفيذ الفرز/التصفية/ترقيم الصفحات، أو التعامل مع مجموعات البيانات الكبيرة (10-1 مليون+ صف)، أو إنشاء واجهات تشبه جداول البيانات، أو تصميم مكونات كثيفة البيانات. يوفر إستراتيجيات تحسين الأداء وأنماط إمكانية الوصول (WCAG/ARIA) والتصميمات سريعة الاستجابة وتوصيات المكتبة (TanStack Table وAG Grid). المصدر: ancoleman/ai-design-components.

كيف أثبّت building-tables؟

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

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

https://github.com/ancoleman/ai-design-components