{{ skill.currentPoints }}/{{ skill.maxPoints }}
{{ skill.name }}
{{ skill.description || 'No description available' }}
{{ r.name }}{{ r.value ? ': ' + (r.value.toLowerCase().includes('rank') ?
calculateRankValue(r.value, skill.rank || 1) : parseStatValue(r.value,
skill.currentPoints)) : '' }}
Damage: {{ skill.damage }}
Quick Guide
- Click anywhere to create a skill
- Click a skill to edit, then click again to add points
- Right-click a skill to remove points
- Click and drag a skill to move it
- Right-click and drag to pan the grid
- Click a connection to delete it
- Click and drag to select multiple skills
- Shift+Click to select multiple skills
- Ctrl+A to select all skills
- Ctrl+C/V to copy/paste selected skills
- Delete key to delete selected skills
- Alt+Click to edit skill
Stats Syntax
- Basic stat: "10" or "10%"
- Per skill point scaling: "[5 * CurrentPoints] damage"
- Level-based: "[Level 1: 1d4, Level 2: 2d6] damage"
- Tree-based: "[4 * SpentTreePoints / TreeMaxPoints] damage"
FAQ
-
Q: How do I change backgrounds?
A: Click the options button (⚙️) in the bottom left corner,
then upload a background image.
(Small as possible for best performance) -
Q: How do I save my tree?
A: Click the save icon (💾) to download as JSON -
Q: How do I share my tree?
A: Click the share icon (🔗) to get a shareable link
Total Stats
{{n}}: {{s.total}}{{s.isPercent ? '%' : ''}}
{{ editingSkill.currentPoints }}/{{ editingSkill.maxPoints }}
Select Skill Image
Supports PNG, JPG, GIF
(Saved in your browser.)
(Make images as small as possible for best performance.)
(Each image will increase save file size.)
(Saved in your browser.)
(Make images as small as possible for best performance.)
(Each image will increase save file size.)
Copy the image url above, then click "Link Image".
Only the link is saved, not the image data itself.
Only the link is saved, not the image data itself.
Edit Skill
{{ currentName }}