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 中使用
這個 Skill 的原始碼在哪？
https://github.com/ancoleman/ai-design-components
詳情
- 分類
- {}資料分析
- 來源
- skills.sh
- 收錄時間
- 2026-02-01