KQ-299 · SKILL/TREE

Skill Tree

A talent tree you spend points into: available nodes pulse for attention, spending one fills the node, draws the link from its parent, and cascades any newly-eligible node into reach. The capstone sweeps the whole tree. Respec drains it all back in reverse, because a build you cannot undo is a build nobody experiments with.

KQ-299 · SKILL/TREE
Morning Build7 points to spend
Wake
Alarm
Stretch
Coffee
Playlist
Route
Pace
Autopilot
still waking up

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/skill-tree

Props

PropTypeDefaultDescription
pointsnumber3Points available to spend.
onUnlock(id: string) => voidFires per node owned.