Skills 2 block design & features
Skills2 is a tools section built with Shadcn UI, opening with a large heading and then a two-column grid of tool rows. Each row pairs a logo, tool name, and uppercase category with a usage percentage on the right. The list covers a long set of design, frontend, hosting, and editor tools.
Visually, each row uses a diagonal hatch of muted stripes instead of a solid fill. Logos sit in rounded squares without a contrasting tile. Percentages are bold and uppercase, not boxed as pills. The heading is oversized and tight-tracking. Density is tighter than a card list, with small gaps between hatched rows.
This reads as a usage-weighted stack rather than a resume of years. The hatch pattern is the distinctive surface, giving a slightly technical, diagram-like mood without charts. It is still a simple block: content-driven, needing real logos, categories, and usage figures to feel complete.
The grid collapses to a single column on smaller screens while the heading stays full width above.