Skills and Projects
A two-column block with the technology stack organised into labelled chip categories on the left and a ruled list of representative projects on the right.
A two-column block with the technology stack organised into labelled chip categories on the left and a ruled list of representative projects on the right.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Skills and Projects splits the section into two columns: the left side shows the technology stack organised into four labelled rows (Languages, Frontend, Backend, Platform) with chips for each tool; the right side lists four representative projects as a ruled card list with name, summary, year, and a link. The left-side lede names the selection rule, I pick by fit, not familiarity. The right lede is equally direct, four projects that show what I actually shipped, not what I contributed to at the edges.
Skill groups and projects are two separate arrays. The categorised-chip layout on the left is the distinctive choice: a flat chip dump loses the distinction between language competency and platform familiarity.
Reach for this block as a combined technical profile section on a developer portfolio homepage. The installer swaps chip labels and project entries for their real stack and selected work.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a stack overview beside representative open source work. Other combined layouts:
Tip: four labelled skill categories read faster than twenty unchained chips in a single row.