# Features | DotSkills

> Diagrams that build as you arrive, stations you can zoom into, real builds and checks that send you back to the right spot.

Source: https://dotskills.co/features.html

## Everything is built to make it click

Here's what you get in every lesson, and in the space around it.

![A lesson diagram with stations, arrows and loops.](https://dotskills.co/img/shot-map.webp)

### Diagrams that build as you arrive

Stations appear in the order the work flows, then the loops: green for testing, red for fixing errors. Build it again any time to watch the flow once more.

![A station zoomed in beside a small copy of the diagram.](https://dotskills.co/img/shot-station.webp)

### Zoom into any station

Each station opens into its own screen in three chunks: the idea, in practice, and who does what. The map stays on the side so you always know where you are.

![Reading mode showing a full written explanation.](https://dotskills.co/img/shot-reading.webp)

### Visual or reading mode

Prefer words? Reading mode puts the full explanation, an example and tips beside each station. Your choice is remembered.

![Best practices with a before and after comparison.](https://dotskills.co/img/shot-habits.webp)

### Best practices with a before and after

Six habits per lesson. Each one shows what goes wrong without it, what to write instead, and one small thing to try today.

![A step-by-step build with a working demo.](https://dotskills.co/img/shot-build.webp)

### Real builds, step by step

Numbered steps with the exact words to use, and a check mark for each one you finish. Some lessons include a working demo you can try right there.

![A quiz question in the check.](https://dotskills.co/img/shot-check.webp)

### A check that sends you back to the right spot

Fresh questions each attempt. Every missed question links to the station or page that teaches it, marked with a red dot until you've reviewed it.

## Around the lesson

The small things that keep you moving.

### The map rail

All five regions and every lesson, with your progress and a "you are here" marker. It tucks away when you need room.

### Lessons open in order

Pass a lesson's check to open the next one, so you never skip the piece that makes the next one make sense.

### Focus mode

Hide everything but the lesson. Arrow keys turn the pages.

### The Key

A quiet legend for every color, line and loop, one tap away.

### Progress saved as you go

Close the tab and come back days later. During the beta it's saved in your browser on that computer.

### Feedback in one tap

Tell us whether a lesson was clear, confusing or lost you. Every message helps shape the next version.

## See it for yourself.

The first lesson takes about twelve minutes and needs no account.

[Start the first lesson](https://dotskills.co/start.html)[See the maps](https://dotskills.co/maps.html)