Skills In Practice
A heading and lede above a ruled list where each row pairs a skill with the project that proved it, its outcome, and the year.
A heading and lede above a ruled list where each row pairs a skill with the project that proved it, its outcome, and the year.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Skills In Practice renders skills as an evidence list rather than a level scale. A heading and lede set the frame that a skills list is a set of claims, then a bordered divide-y list gives each skill one row: the skill name on the left, the most recent project that exercised it in the middle with a one-line outcome, and the year on the right in a mono label.
One practiceRows array drives every row. The outcome sentence is the distinctive detail, since a shipped result like activation improving by a third is more credible than a filled bar or a self-assessed percentage.
Reach for this block on a skills or resume page when the installer wants to prove depth through work rather than assert it with a score. The installer swaps the skill, project, outcome, and year fields to match their own record, keeping each outcome to one measurable line.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the designer skill-to-project ledger. Other list shapes:
Tip: the outcome line carries the row; a project name with no result reads as a portfolio link, not proof of the skill beside it.