·building-tables
#

building-tables

ancoleman/ai-design-components

Crea tablas y cuadrículas de datos para mostrar información tabular, desde simples tablas HTML hasta complejas cuadrículas de datos empresariales. Úselo al crear tablas, implementar clasificación/filtrado/paginación, manejar grandes conjuntos de datos (más de 10 a 1 millón de filas), crear interfaces similares a hojas de cálculo o diseñar componentes con muchos datos. Proporciona estrategias de optimización del rendimiento, patrones de accesibilidad (WCAG/ARIA), diseños responsivos y recomendaciones de bibliotecas (TanStack Table, AG Grid).

11Instalaciones·1Tendencia·@ancoleman

Instalación

$npx skills add https://github.com/ancoleman/ai-design-components --skill 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.

Crea tablas y cuadrículas de datos para mostrar información tabular, desde simples tablas HTML hasta complejas cuadrículas de datos empresariales. Úselo al crear tablas, implementar clasificación/filtrado/paginación, manejar grandes conjuntos de datos (más de 10 a 1 millón de filas), crear interfaces similares a hojas de cálculo o diseñar componentes con muchos datos. Proporciona estrategias de optimización del rendimiento, patrones de accesibilidad (WCAG/ARIA), diseños responsivos y recomendaciones de bibliotecas (TanStack Table, AG Grid). Fuente: ancoleman/ai-design-components.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/ancoleman/ai-design-components --skill building-tables
Categoría
#Documentos
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es building-tables?

Crea tablas y cuadrículas de datos para mostrar información tabular, desde simples tablas HTML hasta complejas cuadrículas de datos empresariales. Úselo al crear tablas, implementar clasificación/filtrado/paginación, manejar grandes conjuntos de datos (más de 10 a 1 millón de filas), crear interfaces similares a hojas de cálculo o diseñar componentes con muchos datos. Proporciona estrategias de optimización del rendimiento, patrones de accesibilidad (WCAG/ARIA), diseños responsivos y recomendaciones de bibliotecas (TanStack Table, AG Grid). Fuente: ancoleman/ai-design-components.

¿Cómo instalo building-tables?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/ancoleman/ai-design-components --skill building-tables Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

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