Personal projects, design, and development.

Fig.01 AI Coding UI Patterns: a searchable bilingual dictionary of UI patterns, organized by navigation, layout, forms, motion, and more.

Fig.02 LMX design portfolio: dashboards, consumer apps, and interface explorations across platforms, from information structure to visual and interaction design.

Fig.03 LMX Terminal: explore personal projects, development notes, and updates through a terminal interface with themes, autocomplete, and command history.

Fig.04 Kalmxen: an exploration of AI chat interfaces, featuring conversation management, model selection, prompt entry points, and a thinking-mode control.

Fig.05 Vue3-Simple-Bui: a Vue and TypeScript business component library that packages reusable capabilities with type definitions and on-demand imports.

Fig.06 Vue3-Simple-Electron: a desktop application framework covering IPC, window management, plugins, update delivery, and operating-system integration.

Fig.07 Vue3-Simple-Request: an Axios-based request library with a consistent API, interceptors, response caching, plugins, and TypeScript support.

Fig.08 Vue3-Simple-Platform: a Hooks-based utility library for sharing business logic, Vue 3 reactivity, state management, and DOM operations.

Fig.09 Vue3-Simple-Screen: a visualization component library with screen scaling, animated counters, seamless scrolling, and other dashboard building blocks.

Fig.10 Developer Engineer Tools: a curated resource directory covering design inspiration, AI coding, UI components, the Vue ecosystem, and developer tools.

Fig.11 University memory archive: an interactive collection of photos and writing, organized around campus life, learning, everyday moments, dreams, and reflection.