Install any skill in seconds. Free to start, no credit card required.
Get Started Free →ancoleman/displaying-timelines
Displays chronological events and activity through timelines, activity feeds, Gantt charts, and calendar interfaces.
Passed 20 of 22 test cases with the skill, and 14 of 22 without it.
and 5 more in the full report
6 fixed14 passed either way2 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
We want to stress-test our React timeline component with 10,000 synthetic events using our project's built-in testing script. What exact command-line invocation should we run to benchmark this scale with virtual rendering enabled?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies executing node scripts/benchmark_timeline.js --events 10000 --virtual. | Missed | Passed |
The instructions your model reads when the skill loads.
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.
Activate this skill when:
Select component type based on use case:
Social Activity → Activity Feed (infinite scroll, reactions)
System Events → Audit Log (searchable, exportable, precise timestamps)
User Notifications → Notification Feed (read/unread, grouped by date)
Historical Events → Vertical Timeline (milestones, alternating sides)
Project Planning → Gantt Chart (dependencies, drag-to-reschedule)
Scheduling → Calendar Interface (month/week/day views)
Interactive Roadmap → Horizontal Timeline (zoom, pan, filter)
For detailed selection criteria, reference references/component-selection.md.
Social Feed Pattern:
test cases passed, vs 14 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.