Timeline design
Skill Dragoon0x/everything-design-taste/skills/timeline-design
Timeline UI patterns for activity feeds, history, and chronological displays.From its SKILL.md
npx -y skills add Dragoon0x/everything-design-taste --skill timeline-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
0.9 KB, 175 tokens by cl100k_base, as published. Nobody here has run it
Timeline Design
Types
| Type | Layout | Use Case |
|---|---|---|
| Vertical | Default | Activity feeds, history |
| Horizontal | Alternate | Milestones, roadmap |
| Alternating | Left/right zigzag | Case studies, about pages |
| Compact | List-style | Audit logs, commit history |
Vertical Timeline
● Title [Date]
Description text
[Optional media/action]
│
● Title [Date]
Description text
│
Design Rules
- Most recent first (unless it's a roadmap)
- Group by date (Today, Yesterday, This Week)
- Clear visual line connecting events
- Nodes mark each event on the line
- Differentiate event types with icons or colors
- Collapse old events ("Show older")
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.