Shadcn Skills and Tool Blocks

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

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

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

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 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 labeled columns of tool tiles covering Design, Development, and Collaboration, each tile showing a two-letter mark and the tool name.

A ruled list of six daily tools each paired with one sentence explaining why that tool earned its place over the alternatives.

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.

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

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

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.

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.

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 bordered horizontal strip showing a full-stack developer technology choices in three labeled rows: Frontend, Backend, and Infrastructure.

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 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 four-group grid of tool tiles with two-letter mark badges covering Design, Development, Research, and Delivery tools used day to day.

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.