Shadcn Skills and Tool Blocks

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 ruled list of six daily tools each paired with one sentence explaining why that tool earned its place over the alternatives.

A two-column skills layout grouping chips by project phase across Research, Design, Systems, and Delivery columns.

Twelve skills across three discipline columns each with a div bar and a word level from Foundational to Fluent rather than a percentage.

A three-column grouped skills block with Design, Research, and Front-end category headings and bordered chip pills for a product designer or creative generalist.

A bordered horizontal strip showing a full-stack developer technology choices in three labeled rows: Frontend, Backend, and Infrastructure.

A two-column expertise display with five div proficiency bars filled via theme tokens and plain-language level labels from Foundational to Fluent instead of percentages.

A two-column card grid pairing four formal credentials with the practical skill chips each one produces so visitors see qualification and capability together.

An asymmetric split pairing one deep discipline, unpacked as a ruled card of facets, with a breadth column of two labeled skill chip groups.

A four-group grid of tool tiles with two-letter mark badges covering Design, Development, Research, and Delivery tools used day to day.

A static wrap strip of twelve tool chips each showing a name and a one-word category, giving an at-a-glance view of the full toolkit.

A ruled list of skills with an honest level word per row and a one-sentence note that qualifies what the level includes and what it does not.

Three card tiles each naming a core specialty with a focused sentence that states the scope and what falls outside it.

A ruled list of core disciplines each with a plain-language description and a chip row of the supporting tools used.

Three labeled columns of tool tiles covering Design, Development, and Collaboration, each tile showing a two-letter mark and the tool name.

Three capability cards each with a title, a plain-language approach sentence, and a ruled method list covering Product design, Design systems, and Front-end implementation.

A heading and lede above a bordered table pairing skill rows with three engagement columns, one filled dot per row marking lead, build, or refer.

A heading and lede above a dotted vertical timeline where each entry marks the year a skill arrived, its status word, and a note.

A skills block listing four topics currently in progress, each with a reason and an honest status line showing where the learning stands.

Four category cards in a two-column grid organizing specific skills by project phase from Discovery through Delivery for a senior product designer.

A three-column card grid showing six core tools each paired with a sentence explaining why it is in the stack rather than an alternative.

Three equal discipline columns for a multi-discipline creative, each with a heading, a grounding sentence, and a ruled skill list covering Brand design, Product design, and Creative direction.

A wrapped chip cloud that renders core disciplines larger and bolder so the primary expertise registers at a glance.