I built my husband a vim trainer with a Gemma coach that runs in the browser

Description and use

A browser-based Vim trainer with a Gemma AI coach was built, enabling sustained learning for the author's husband without external motivation.

Problem

My husband struggled to learn vim because of too many commands to memorize and slow, awkward experience compared to his usual tools.

Outcome

The app enabled sustained engagement with Vim drills, providing real-time feedback and AI-generated hints, leading to continued learning without external motivation.

Workflow

• 1. Design lessons with limited commands and cheat sheet.
• 2. Implement real Vim editor using CodeMirror 6 and @replit/codemirror-vim.
• 3. Create drills with reference solutions and par checks via test suite.
• 4. Add AI coach using Gemma 4 E2B on WebGPU with Transformers.js.
• 5. Generate additional drills with Gemma and validate them.
• 6. Deploy static site on Cloudflare Workers.
• 7. Provide live demo and documentation.

Evidence

My husband has wanted to learn vim for a long time. He's tried a bunch of times, and it always ends the same way: he gives up.

Source

Each drill gives you a small buffer, a goal, and a keystroke "par" to beat. You solve it in a real vim editor, not a simulation.

Source

The AI coach is optional and off by default. When you turn it on, it downloads Gemma 4 E2B once and runs it in a Web Worker on WebGPU with Transformers.js.

Source

The app supplies the keys by reusing the key patterns from that lesson's hand‑written drills on the new text. Then it plays them in real vim to get the goal and par.

Source

It's a static site on Cloudflare Workers static assets.

Source