LMX
BlogSelectedWorkSponsorsAbout
Command Palette

Search for a command to run...

768
30°
follows your cursorclick for a sound
Avatar with sketch style in light modeAvatar in dark mode
Ø160

Liu Mingxin / LMX

Full Stack Developer

32

Overview

Full Stack Developer @LMX

Jinan, Shandong, China

Social links

  • 𝕏
  • liumingxin.site
  • 掘金
follow me

Sample contribution graph

About

Hello
  • Hi, I'm Liu Mingxin (LMX), a full-stack developer working mainly with TypeScript, Vue, and Node.js. I care about engineering quality and developer experience.
  • This blog is where I record what I learn, organize knowledge, and share practical experience. I also maintain reusable components and development tools in my personal toolkit.
  • I focus on high-quality web applications and tools, continually improving both product and technical design while exploring how AI can enhance developer tools.

Tools and open-source communities

  • TypeScript
  • Vue 3
  • Node.js
  • Nuxt
  • Express
  • PostgreSQL
  • Prisma
  • Tailwind CSS
TypeScriptVue 3Node.jsNuxtExpressPostgreSQLPrismaTailwind CSS
TypeScript
Vue 3
Node.js
Nuxt
thanks, open source

Learning and building

Articles
29
Technologies
11
Practice areas
4
Featured projects
2

Notes from practice

Understand the problem before changing the code.

LMX
LMX
Personal practice notes

Turn repeated business needs into maintainable components.

LMX
LMX
Personal practice notes

Give conventions clear triggers and verifiable outcomes.

LMX
LMX
Personal practice notes

Let design serve the content and details improve the experience.

LMX
LMX
Personal practice notes

Document each practical lesson and preserve independent judgment.

LMX
LMX
Personal practice notes

Tools change; the habits of learning and verification endure.

LMX
LMX
Personal practice notes

Understand the problem before changing the code.

LMX
LMX
Personal practice notes

Turn repeated business needs into maintainable components.

LMX
LMX
Personal practice notes
made my day,keeps me going

Selected reading(6)

worth readingand returning to
  • Claude Code Skills Practice

    Translation
  • A Practical Skills Guide

    Original
  • Front-End Design Skills

    Original
  • Codex in Practice

    Translation
  • The Image Prompt Guide

    Translation
  • The Codex Handbook

    Original
All selected reading

Work(11)

from components to complete projects
  • LMX AI Coding UI Patterns

    AI Coding UI Patterns

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

  • LMX-设计作品集

    LMX design portfolio

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

  • LMX Terminal · LiuMingXin

    LMX Terminal

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

  • LMX - 轻松构建AI聊天

    Kalmxen

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

All work

Blog(29)

  • A Practical Skills Guide: From the Smallest Skill to Enterprise Governance

    A Practical Skills Guide: From the Smallest Skill to Enterprise Governance

    Published on
    Aug 22, 2026
  • Self-Hosted Cloud Server Network Relay in 3 Minutes

    Self-Hosted Cloud Server Network Relay in 3 Minutes

    Published on
    Oct 14, 2026
  • Preserving Judgment and Self-Worth in the Age of AI

    Preserving Judgment and Self-Worth in the Age of AI

    Published on
    Oct 9, 2026
  • Electron Update Speed: Several Iterations of OTA Redesign

    Electron Update Speed: Several Iterations of OTA Redesign

    Published on
    Sep 29, 2026
All posts

Stack

01Language
  • TypeScript
02Frontend
  • Vue 3
  • Nuxt
  • Tailwind CSS
03Backend
  • Node.js
  • Express
  • PostgreSQL
  • Prisma
04Tools
  • Vite
  • Git
  • Docker

Experience

Personal projects and technical practice

Reusable Vue and TypeScript components that make shared business capabilities easier to maintain and adopt.

  • Vue 3
  • TypeScript
  • Vite
  • Electron
  • Node.js
  • TypeScript
  • Markdown
  • Web
  • AI

Education

Ongoing learning through technical writing, open-source documentation, and personal projects. This entry describes learning interests rather than an academic qualification.

  • TypeScript
  • Vue 3
  • Node.js
  • Engineering
  • AI

Projects(6)

  • Period
    2026—

    Reusable business capabilities with complete types and on-demand imports, designed to make component reuse straightforward.

    • Vue 3
    • TypeScript
  • Period
    2026—

    Common components for responsive dashboards, number animations, and seamless scrolling.

    • Vue 3
    • TypeScript
  • Period
    2026—
  • Period
    2026—

Recognition(0)

Public achievements and credentials are being organized. Explore the practical notes on the blog in the meantime.

    Support and connect

    Thanks to the open-source communities behind these tools. Join the conversation on the blog or support future writing from the About page. These are tools I use, rather than sponsors.
    • TypeScript
    • Vue 3
    • Node.js
    • Nuxt
    • Express
    • PostgreSQL
    • Prisma
    • Tailwind CSS
    LMX BlogWeb · TypeScript · Vue · Node.js
    Crafted by
    @LMXZQQ
    Build
    unavailable
    Date
    2026-10-30
    Articles
    29
    Deployed on
    Nginx
    Source code
    GitHub
    License
    MIT License
    Typeface
    Geist
    Stack
    • next@16.4.3
    • react@19.3.1
    • @base-ui/react@1.8.0
    • shadcn@4.12.0
    • tailwindcss@4.3.3
    Analytics
    • OpenPanel
    • Google Analytics
    For agents
    • llms.txt
    • index.md
    Inspired by
    1. Tailwind CSS
    2. shadcn/ui
    3. Vercel
    4. Apple
    5. Evil Charts
    6. Devouring Details
    7. Skiper UI
    8. Making Software
    9. shadcncraft
    Approved by
    静水流深 / LMX
    1602
    Command Palette

    Search for a command to run...

    Sample contributionsNovDecJanFebMarAprMayJunJulAugSepOct
    2.4K contributions, Oct 26, 2025 – Oct 30, 2026 · Sample data
    Less0 contributions1 contributions2 contributions3 contributions4 contributionsMore