HTML5 Idle Skill Tree Starter — JavaScript Progression Template

Build the Progression Layer of a Small Idle or Incremental Game:
This is a single-file HTML/CSS/JavaScript starter template featuring a playable Procrastinator-themed example. Earn points by clicking and, over time, choose between three interconnected upgrade branches, eventually unlocking a final convergence node.

 
Instructions:
1. Open `index.html`.
2. Edit the clearly labeled configuration and skill data.
3. Replace the joke theme with your own game concept.

 

Included Features in Version 2:
- 10 configurable skill nodes
- 3 distinct prerequisite branches plus a final node
- Visible connector lines with locked, available, and owned states
- Click, passive, and global income bonuses
- Local save functionality with a 10-second autosave feature
- Up to 8 hours of offline earnings
- JSON save export and import capabilities
- Reset confirmation and completion state tracking
- Responsive layout for desktop and mobile devices
- Keyboard-accessible controls and reduced-motion support
- Developer test mode (`?dev=1`)
- Small JavaScript API and custom events
- README, customization guide, integration guide, changelog, and license provided
- No libraries, accounts, build tools, trackers, or external assets required

  
Target Audience:
- Ideal for idle and incremental prototypes
- Suited for browser game jams
- Perfect for clicker progression systems
- Great for comedy or productivity-themed mini-games
- Developers seeking readable source code rather than a large framework

Quick Rebranding:
The file contains two clearly marked sections:
- `TEMPLATE_CONFIG`: Customize the title, currency, click/passive values, save key, and offline cap.
- `SKILLS`: Define node names, costs, column arrangements, prerequisites, and bonuses.
Colors are defined as CSS variables at the top of the file.

 
Honest Scope:
This is a starter template, not a visual editor or complete game. It includes fixed one-time nodes that are configured directly in the code. It does not feature prestige mechanics, repeatable ranks, accounts, cloud saves, a backend, art, or music.

Commercial Use:
You are free to use and modify this template in unlimited personal or commercial finished games/apps, including client work. You can sell your finished games, and attribution is not required. However, you may not resell, share, or redistribute the editable source as a standalone template, asset pack, or competing product. Full terms are included in `LICENSE.txt`.

  

 
Technical Details:

- This is a plain HTML5, CSS, and JavaScript application with a single editable runtime file.
- It runs offline and is compatible with current versions of Chrome/Chromium, Firefox, and Safari.
- Human-readable JSON saves are supported.