About this block

Skills Timeline tells the toolkit chronologically down a dotted vertical line. A heading and lede open with the idea that skills are easier to trust when you can see where they came from, then an ordered list renders each entry with a mono year, the skill name, an uppercase status word for where it sits today, and a note on how it arrived. A primary dot marks each entry and a thin rule connects them, dropping only after the last item.

One entries array drives the list in order. The status word paired with the note is the distinctive detail: Motion design reads Growing with the honest caveat that long-form animation still goes to a specialist, which a plain year label could not convey.

When to use

Reach for this block on an about or resume page when the installer wants to show how a practice was built rather than just what it contains today. The installer swaps the year, skill, status, and note for their own path, keeping the entries in chronological order.

A natural flow around it on a Portfolio Pro page:

Before

• About section
• Experience section

After

• Skills in practice
• Contact section

What you can display

One strong use is the designer skill history. Other timelines:

• Career path. Each role or company as an entry with a status word for its lasting influence.
• Learning log. Each course or certification dated by when it was earned.
• Tooling history. Each tool adopted, with a status word for how central it stays.

Tip: the status word is what keeps a timeline from reading as a museum wall; without it, old entries look retired rather than still in use.