KPI Cards

Four stat tiles on the /dashboard overview: skill-axis coverage, current average, weakest axis, challenge-type coverage. Within a tile the headline is the numerator and the meter readout is the scale it counts against — the weakest-axis tile is the one exception, since an axis has no natural numerator.

Demo fixtures (5 interviews)

  • Покрито навичок

    5

    з 6

    за 5 співбесід

  • Середній бал

    3.4

    з 5

    остання співбесіда: +1.7 до попередньої

  • Найслабша навичка

    Метрики і бізнес

    2.5

    найнижча серед 5 виміряних

  • Пройдено типів задач

    4

    з 8

    лишилось 4 з 8

PropTypeDefaultDescription
profileSkillProfile—Output of deriveSkillProfile(points).

Single interview — partial coverage

The state that most easily lies. One interview measures only some of the six axes, so the weakest-axis caption says “найнижча серед N виміряних” instead of ranking against all six — `rank` sorts unmeasured axes last, which would otherwise claim a comparison the data cannot support. It upgrades to the full “N з 6 за балом” on its own once coverage is complete. The average tile likewise swaps its delta for the “one more needed” copy, and the meter row never disappears in any state.

  • Покрито навичок

    3

    з 6

    за 1 співбесіду

  • Середній бал

    2.3

    з 5

    потрібна ще одна співбесіда для порівняння

  • Найслабша навичка

    Структура мислення

    2.0

    найнижча серед 3 виміряних

  • Пройдено типів задач

    1

    з 8

    лишилось 7 з 8

Empty state (0 interviews)

  • Покрито навичок

    0

    з 6

    за 0 співбесід

  • Середній бал

    —

    з 5

    ще нема оцінених співбесід

  • Найслабша навичка

    —

    з'явиться після першої оцінки

  • Пройдено типів задач

    0

    з 8

    лишилось 8 з 8

Sergiy Klymkovych

VoiceMock was built by one designer

I'm Sergiy, a product designer. I built this trainer myself — research, design system, code. On LinkedIn I show how products like this come together, and what it changes in a designer's work.

Product Designer · AI Design Engineer · Designer for Startups

See it on LinkedIn