SkillTrees & RoadMaps Docs

Workspace and Canvas Guide

Learn how the workspace hub, canvas HUD, selection patterns, and navigation work together during everyday use.

Interface6 min read

Workspace hub

The workspace hub is the starting point for recent trees, quick actions, profile controls, and template access. It is designed to make it easy to continue work, discover examples, and jump into the right canvas quickly.

Canvas navigation

Inside the canvas, you can pan, zoom, select nodes, and work with different menus based on context. The HUD and hint system are there to keep common actions close without covering the canvas too aggressively.

  • Drag empty canvas space to pan
  • Select a node to reveal its actions
  • Use the HUD for global controls and quick actions
  • Hide tips or collapse the HUD if you want a cleaner workspace

Selection matters

Many interactions are selection-first by design. This helps reduce accidental edits and makes the canvas easier to navigate, especially on mobile where panning and dragging can otherwise compete with each other.