·displaying-timelines
{}

displaying-timelines

ancoleman/ai-design-components

Muestra eventos y actividades cronológicos a través de líneas de tiempo, fuentes de actividades, diagramas de Gantt e interfaces de calendario. Úselo para mostrar eventos históricos, cronogramas de proyectos, fuentes sociales, notificaciones, registros de auditoría o datos basados ​​en el tiempo. Proporciona patrones de implementación para líneas de tiempo verticales/horizontales, visualizaciones interactivas, actualizaciones en tiempo real y diseños responsivos con accesibilidad (WCAG/ARIA).

9Instalaciones·0Tendencia·@ancoleman

Instalación

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

SKILL.md

This skill enables systematic creation of timeline and activity components, from simple vertical timelines to complex interactive Gantt charts. It provides clear decision frameworks based on use case and data characteristics, ensuring optimal performance, real-time updates, and accessible implementations.

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

Reference references/accessibility-patterns.md for complete requirements.

Muestra eventos y actividades cronológicos a través de líneas de tiempo, fuentes de actividades, diagramas de Gantt e interfaces de calendario. Úselo para mostrar eventos históricos, cronogramas de proyectos, fuentes sociales, notificaciones, registros de auditoría o datos basados ​​en el tiempo. Proporciona patrones de implementación para líneas de tiempo verticales/horizontales, visualizaciones interactivas, actualizaciones en tiempo real y diseños responsivos con accesibilidad (WCAG/ARIA). 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 displaying-timelines
Categoría
{}Análisis de Datos
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es displaying-timelines?

Muestra eventos y actividades cronológicos a través de líneas de tiempo, fuentes de actividades, diagramas de Gantt e interfaces de calendario. Úselo para mostrar eventos históricos, cronogramas de proyectos, fuentes sociales, notificaciones, registros de auditoría o datos basados ​​en el tiempo. Proporciona patrones de implementación para líneas de tiempo verticales/horizontales, visualizaciones interactivas, actualizaciones en tiempo real y diseños responsivos con accesibilidad (WCAG/ARIA). Fuente: ancoleman/ai-design-components.

¿Cómo instalo displaying-timelines?

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 displaying-timelines 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