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