Code Pet — Interactive Desktop Companion by 會飛的 香蕉Code Pet — Interactive Desktop Companion by 會飛的 香蕉

Code Pet — Interactive Desktop Companion

會飛的 香蕉

會飛的 香蕉

Personal Project / Demo · Role: Product design, Windows desktop development, interaction design
Code Pet is a personal Windows desktop companion for quick Codex usage checks. Its existing application combines expressive character artwork with five-hour and weekly usage information. For this portfolio iteration, I built a separate browser prototype to explore a quieter interaction model: the companion stays at the edge of the workspace, expands when details are needed, and returns to a compact presence afterward. A scroll-driven product story introduces this attention cycle. The prototype retains the mascot, English copy, accessible controls, and a reduced-motion option. Illustrative mood states show how the interface responds as capacity changes, while a stale-data state displays unavailable values explicitly. The Windows project and the browser exploration are presented separately, and the prototype uses sample values without an account connection. This case study demonstrates product judgment, interaction design, and the practical refinement of an existing personal product.
The browser demo uses sample values; it does not connect to a live Codex account.
Browser prototype — front-facing presentation with illustrative sample values.
Browser prototype — front-facing presentation with illustrative sample values.
Browser prototype — compact presence returns attention to the workspace.
Browser prototype — compact presence returns attention to the workspace.
Browser prototype — an illustrative low-capacity mood.
Browser prototype — an illustrative low-capacity mood.
Browser prototype — stale data is shown as unavailable.
Browser prototype — stale data is shown as unavailable.
Original Windows application — existing settings interface.
Original Windows application — existing settings interface.
Like this project

Posted Sep 28, 2026

Personal project: a Windows companion and browser UX demo exploring quiet presence, details on demand, and clear usage states.