displaying-timelines
✓タイムライン、アクティビティ フィード、ガント チャート、カレンダー インターフェイスを通じて、時系列のイベントとアクティビティを表示します。過去のイベント、プロジェクトのスケジュール、ソーシャル フィード、通知、監査ログ、または時間ベースのデータを表示する場合に使用します。垂直/水平タイムライン、インタラクティブな視覚化、リアルタイム更新、アクセシビリティを備えたレスポンシブ デザイン (WCAG/ARIA) の実装パターンを提供します。
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.
タイムライン、アクティビティ フィード、ガント チャート、カレンダー インターフェイスを通じて、時系列のイベントとアクティビティを表示します。過去のイベント、プロジェクトのスケジュール、ソーシャル フィード、通知、監査ログ、または時間ベースのデータを表示する場合に使用します。垂直/水平タイムライン、インタラクティブな視覚化、リアルタイム更新、アクセシビリティを備えたレスポンシブ デザイン (WCAG/ARIA) の実装パターンを提供します。 ソース: ancoleman/ai-design-components。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ancoleman/ai-design-components --skill displaying-timelines- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
displaying-timelines とは？
タイムライン、アクティビティ フィード、ガント チャート、カレンダー インターフェイスを通じて、時系列のイベントとアクティビティを表示します。過去のイベント、プロジェクトのスケジュール、ソーシャル フィード、通知、監査ログ、または時間ベースのデータを表示する場合に使用します。垂直/水平タイムライン、インタラクティブな視覚化、リアルタイム更新、アクセシビリティを備えたレスポンシブ デザイン (WCAG/ARIA) の実装パターンを提供します。 ソース: ancoleman/ai-design-components。
displaying-timelines のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ancoleman/ai-design-components --skill displaying-timelines インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ancoleman/ai-design-components
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-01