building-tables

SKILL.md

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 ～ 100 万行以上) の処理、スプレッドシートのようなインターフェイスの構築、またはデータ量の多いコンポーネントの設計を行う場合に使用します。パフォーマンスの最適化戦略、アクセシビリティ パターン (WCAG/ARIA)、レスポンシブ デザイン、およびライブラリの推奨事項 (TanStack Table、AG Grid) を提供します。 ソース: ancoleman/ai-design-components。

原文を見る