Experiment 08App2026

UI Skills Library

An interactive library of UI-engineering skills — search them, filter them, and explore how they connect on a live map.

● Open

Hover to watch it run

What it is

The UI Skills Library collects the craft of building good interfaces into practical skill cards — accessibility passes, motion polish, form flow, state design and more — each with a checklist and a copyable starter note.

Search and filter the cards, open any one for the full detail, and use the live canvas map to see how the focus areas relate.

Built with

Vanilla HTML/CSS/JSCanvasEmbedded data

How it was built

Entirely self-contained: the skill data is embedded in the page, so there is nothing to load and nothing to break.
The relationship map is drawn on a canvas and animates as you explore.

Skill cards

Focus areas

Dependencies