Kap reacts while you type and cheers your results

[nannndev]

Summary

• Practice corner buddy. A 3D Kap sits bottom-left on screens at least 1280px wide, so he never covers the editor.
  • He nods on every correct key, and his flame burns brighter the longer you keep going.
  • A typo startles him: wide eyes, a jolt, a shiver and a red "!".
  • A hover × hides him. "Kap keeps you company while you type" in the Wardrobe turns him back on, and the setting syncs to the account.
  • He is hidden in focus mode, during onboarding and on results.
• Results screen. Kap celebrates, with a speech bubble that fits the run:
  • personal best: 3 hops, a pirouette and confetti
  • clean run (97%+ accuracy): 2 hops
  • otherwise: 1 hop, and a nudge about accuracy when it is under 90%
  • Custom drills never count as a PB.
• Wiring. The typing screen talks to whichever Kap is on screen through codey:kap window events (src/lib/kap-events.ts). Kap3D gains listen and celebrate props. The keydown-based typing option from the prototype is replaced.

Test plan

• vitest: 188 tests pass, including new kap-events tests.
• tsc -b and the build pass.
• Browser, headless Chromium with SwiftShader:
  • the buddy renders on the practice screen and shows the "!" on a typo;
  • a 15s timed run ends on the results screen with Kap and the PB line.

🤖 Generated with Claude Code

https://claude.ai/code/session_018xNjY7412Rp5bFuw5h69yu

---

Generated by Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
codetype	Ready	Preview	Sep 27, 2026 10:25am UTC