You are LLM

You type the LLM's side of a coding session. No completion. No shortcuts.

The trainer runs end to end. 614 sessions cover ten languages of code and two natural languages, graded from Easy to Expert+. AZIK is not implemented yet.

Pick a session, then type the assistant blocks one at a time. Every block is one run of the engine. A block ends only when the whole target is typed.

The stage holds one block at a time. A finished block moves into a folded log rather than stacking below the next one, so the page keeps its height and a small screen stays playable.

Enter produces a newline, and Tab produces one step of indent. A key the engine rejects costs the combo and nothing else.

Indent steps are measured from the session itself, so two space code takes one Tab per level and four space code takes one Tab per level too. The spaces still work if you would rather type them. Tab keeps moving focus everywhere else on the page, so it is only taken when an indent is actually due.

The display tracks the run while it happens.

A finished session is graded from S down to D. Speed alone does not earn a rank, because each tier has an accuracy floor as well.

The result carries a share row. X and Bluesky get the rank and the figures with the link, Facebook takes the link alone because it accepts nothing else, and Copy puts both on the clipboard.

Cues are synthesised through Web Audio rather than loaded, so they cost nothing to ship and fire with no delay. The key click climbs in pitch with the combo. Sound on in the header turns the lot off, and the choice is remembered in the browser.

Each line carries who said it. The prompt sits behind a person, the block being typed behind a robot, and the robot's line shows a spinner and a word that keeps changing while the block runs. It is a nod to what every coding agent puts on screen while it works, in this project's own words.

scripts/og.html is the one template both preview images come from. docs/social-preview.md holds the two commands and says where each image goes.

TypingSession keeps every possible spelling alive at once. The typist never declares a reading. The engine narrows the options as keys arrive.

Three rules do most of the work.

Characters outside the table are typed as themselves. That is what makes source code work as material.

Sessions are static JSON under src/materials/sessions/. Adding a file adds a session. Nothing registers it. Every session is validated on load, so a bad field fails fast and names its position.

Each session sits on three axes.

Difficulty is measured, not chosen. scripts/typing-load.mjs scores every session across the whole set rather than within one language, so Rust mostly lands at Hard or above.

The score is how hard a session is per keystroke, stretched a little by how much of it there is.

Hardness is the share of keys that need Shift, times the number of distinct symbol shapes the session asks for. Shapes are what separate Rust from PHP. PHP types more symbols, but $ and -> are most of them, learned once. Rust spends the same weight across &mut, ::, <'a>, ? and a dozen others.

Length counts symbol keystrokes rather than all of them. A session is not harder for spelling out htmlspecialchars, which is the easiest kind of key there is.

Rust mostly comes out at Hard or above. The exceptions are attributes on a type or one library call. Java mostly comes out at Hard or below, and the exceptions are the ones whose sed is dense with escapes or whose test setup is long. Expert+ is the Rust transaction that takes a closure, and a few short sessions that ask for a new symbol shape on nearly every line.

The front page filters on all three, and a filtered view is a shareable URL. It opens on Japanese, because that is what most of the material is for. All shows both languages and says so in the address.

src/materials/FORMAT.md is the authoring guide. Read it before writing a session.

A push to main builds the site and publishes it through GitHub Pages. The workflow lints, tests and builds before it deploys, so a red suite never reaches the site.

Every session also gets a real page written at build time, under both /sessions/<id> and /sessions/<id>/, carrying its own title and description. A shared link used to fall through to 404.html, and a crawler handed a 404 shows no preview at all.

The app runs on TypeScript 7 only. Linting uses oxlint with oxlint-tsgolint for type-aware rules.

typescript-eslint needs the JavaScript compiler API, which TypeScript 7 does not ship. tsgolint is built on the Go compiler itself, so it needs no second TypeScript install.

The rule set mirrors the old typescript-eslint strictTypeChecked and stylisticTypeChecked presets, plus the React Hooks and React Refresh rules.