Tabla de datos de registrosv1.0.3
Usa esta Skill para crear infografía.
En auge
5.034 descargas0 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Tabla de datos de registros es una visualización de datos lista para pegar, entregada como código editable con su ejemplo de uso. Incluye una tabla de datos real con ordenación, paginación y desplazamiento horizontal, y una interacción por scroll o por pasos que controla el visitante. El color, la tipografía y el radio son tokens que editas una vez para todo el bloque.
Elegida con más frecuencia por
Actualizada el 31 ago 2026
Galería de vista previa
Skills similares
Ver todas las Skills
Lo que obtienes
- El código fuente completo del bloque Tabla de datos de registros: el archivo del componente más un ejemplo de uso ejecutable, listo para pegar y editar.
- Un contrato visual por escrito: paleta, escala tipográfica, radio, grosor de iconos y tiempos de animación, todo como tokens que editas en un solo lugar.
- Columnas y filas de la tabla como datos simples; la ordenación, la paginación y el desplazamiento horizontal los aporta la capa de tabla.
Ideal para
- Necesitas una visualización de datos en una página y prefieres no configurar una librería de gráficos.
- Quieres que la paleta y los espaciados del gráfico encajen con el resto de la página.
- Quieres código fuente legible que puedas editar, no otra dependencia que mantener actualizada.
No es para
- Equipos que ya tienen un sistema de diseño maduro: esta paleta y esta escala tipográfica chocarán con las suyas.
- Quien busque un paquete npm versionado; esto te entrega código fuente que mantienes tú.
- Gráficos que necesiten datos en streaming en tiempo real o desplazamiento virtualizado sobre conjuntos muy grandes.
Informes para clientes y direcciónDivulgación científica y técnicaDiseño web y experiencias digitalesCrear infografíaCrear visuales de UICrear página webResultado editableVisualmente pulidoPara principiantesNeutro cálidoAcento verde azuladoDenso en datos
Acerca de esta Skill
Pegas un bloque y aparece en la página una visualización de datos real, bien dibujada y no esbozada en SVG. Pon tus cifras y las formas se vuelven a dibujar solas.
Lo que obtienes
- El código fuente completo del bloque Tabla de datos de registros: el archivo del componente más un ejemplo de uso ejecutable, listo para pegar y editar.
- Un contrato visual por escrito: paleta, escala tipográfica, radio, grosor de iconos y tiempos de animación, todo como tokens que editas en un solo lugar.
- Columnas y filas de la tabla como datos simples; la ordenación, la paginación y el desplazamiento horizontal los aporta la capa de tabla.
Cómo usarlo
- Dile a tu asistente dónde va la sección: primero lee tu proyecto y luego escribe el bloque tal como ya está escrito ese proyecto.
- Sustituye los textos por los tuyos. Los tamaños de letra y el espaciado se mantienen solos.
- Cambia las filas por tus propios datos: la ordenación, la paginación y el desplazamiento siguen funcionando.
- Revísalo en un móvil antes de publicar. Ya está construido para verse bien ahí.
Lo que necesitas antes de empezar
- Dependencias
- Ant Design — obligatorio
- Última prueba
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…