·displaying-timelines
{}

displaying-timelines

ancoleman/ai-design-components

Affiche les événements et les activités chronologiques via des chronologies, des flux d'activités, des diagrammes de Gantt et des interfaces de calendrier. À utiliser pour afficher des événements historiques, des calendriers de projet, des flux sociaux, des notifications, des journaux d'audit ou des données temporelles. Fournit des modèles de mise en œuvre pour les chronologies verticales/horizontales, les visualisations interactives, les mises à jour en temps réel et les conceptions réactives avec accessibilité (WCAG/ARIA).

9Installations·0Tendance·@ancoleman

Installation

$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.

Affiche les événements et les activités chronologiques via des chronologies, des flux d'activités, des diagrammes de Gantt et des interfaces de calendrier. À utiliser pour afficher des événements historiques, des calendriers de projet, des flux sociaux, des notifications, des journaux d'audit ou des données temporelles. Fournit des modèles de mise en œuvre pour les chronologies verticales/horizontales, les visualisations interactives, les mises à jour en temps réel et les conceptions réactives avec accessibilité (WCAG/ARIA). Source : ancoleman/ai-design-components.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/ancoleman/ai-design-components --skill displaying-timelines
Catégorie
{}Analyse de Données
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que displaying-timelines ?

Affiche les événements et les activités chronologiques via des chronologies, des flux d'activités, des diagrammes de Gantt et des interfaces de calendrier. À utiliser pour afficher des événements historiques, des calendriers de projet, des flux sociaux, des notifications, des journaux d'audit ou des données temporelles. Fournit des modèles de mise en œuvre pour les chronologies verticales/horizontales, les visualisations interactives, les mises à jour en temps réel et les conceptions réactives avec accessibilité (WCAG/ARIA). Source : ancoleman/ai-design-components.

Comment installer displaying-timelines ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/ancoleman/ai-design-components --skill displaying-timelines Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

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