Tekken 8 Companion
A frame-data and matchup reference for Tekken 8 players, designed to be read mid-set on a phone propped against a monitor.
- Client
- Personal project
- Year
- 2025
- Role
- Product design, Front-end engineering
- Stack
- Next.js, React 19, TypeScript, Zustand, Fuse.js
Frame data is the periodic table of fighting games: dense, essential, and hostile to newcomers. Tekken 8 Companion turns it into something a player can actually use between rounds.
The whole dataset is generated at build time and searched client-side with fuzzy matching, so looking up a move feels instant even with typos under pressure.
Color as a second language
Move properties are encoded in a consistent color system: launchers, knockdowns, and safety on block each read at a glance, before the numbers do. A player scanning mid-set gets the verdict from color and confirms with the data.
Matchups pair your character against an opponent and surface what actually matters in that pairing, with bookmarking for the matchups you grind.
