# LMX Blog Personal writing, selected reading, projects and practice. - [About](https://blog.liumingxin.site/about.md) - [Work](https://blog.liumingxin.site/craft.md) - [Blog](https://blog.liumingxin.site/blog.md) ## Blog - [A Practical Skills Guide: From the Smallest Skill to Enterprise Governance](https://blog.liumingxin.site/blog/skills-description.md): Start with one reusable Skill, then learn how to split files, connect knowledge bases and MCP, coordinate agents, evaluate behavior, and introduce enterprise permissions, security, and governance. - [Self-Hosted Cloud Server Network Relay in 3 Minutes](https://blog.liumingxin.site/blog/nat-vps-3x-ui.md): A step-by-step guide to buying a NAT VPS, configuring port forwarding, installing 3x-ui, creating a VLESS REALITY Vision node, and importing it into v2rayN, with commands, settings, and screenshots. - [Preserving Judgment and Self-Worth in the Age of AI](https://blog.liumingxin.site/blog/after-ai-takes-everything.md): Explores career changes, verification standards, and capability building as AI improves productivity, examining judgment, taste, and reasoning while considering how to preserve independent thought, room for growth, and self-worth. - [Electron Update Speed: Several Iterations of OTA Redesign](https://blog.liumingxin.site/blog/electron-ota-updater.md): LobeHub's Electron update system from renderer OTA to a shell/core split, content-addressed deltas, pack and Range downloads, startup recovery, and Sparkle delta chains. - [When AI Coding, the best model should be placed first](https://blog.liumingxin.site/blog/best-model-first.md): Shares an approach to dividing work among AI agents: use the strongest model for requirements and design, assign well-defined implementation and routine review to other models, and compare independent designs to reduce path dependence. - [GPT Image 2.5 Image Prompt Guide](https://blog.liumingxin.site/blog/image-prompting.md): Official OpenAI Image Prompt Guide in Chinese, introducing model selection, prompt writing, image generation and editing, cross-round refinement, and practical methods for maintaining consistency in subjects and details. - [Claude Practical Guide: Content Selection, Scope of Application, and Maintenance](https://blog.liumingxin.site/blog/cluade-use.md): The system explains the positioning, content selection, scope of use, single source of truth, verification methods, and maintenance strategies of CLAUDE.md and AGENTS.md, and includes audit prompts that can be used directly. - [Codex Practical Guide: Interface, Workspace, Permissions, and Extension System](https://blog.liumingxin.site/blog/codex-use.md): The system explains Codex App, CLI, Local, Worktree, Cloud, Plan, Permissions, AGENTS.md, Skills, Plugins, MCP, Automations, and Goal, and provides a learning path from scratch. - [A web visual dictionary essential for writing Skill or Prompt keywords](https://blog.liumingxin.site/blog/vibe-coding-version.md): Organize 80 high-frequency web design vocabulary terms, covering layout, structure, navigation, components, scroll animations, loading feedback, visual style, and advanced experience, and include AI prompt words that can be directly rewritten. - [How to Use Skills to Improve Front-End Design and Prevent Implementation Drift](https://blog.liumingxin.site/blog/improving-frontend-design.md): Combining Anthropic's frontend design practices, analysis of two sets of highly consistent UI prompt words, and personally installed design-related skills, breaking down how to overcome AI's default aesthetics, organize design skills, and reduce the deviation from design to code implementation through design contracts, visual references, and layered acceptance. - [One Universal Prompt That Makes Codex Understand Your Project First](https://blog.liumingxin.site/blog/codex-study.md): Use project discovery, requirement restatement, clarification, an implementation plan, and acceptance criteria to make Codex confirm the scope before changing code, reducing accidental edits, over-refactoring, and unverifiable implementations. - [Coding standards implemented as AI Coding can become truly usable skills](https://blog.liumingxin.site/blog/vue-code-skill.md): Taking the front-end coding standards in the project (vue-code-convention skill) as an example, the system disassembles how to consolidate front-end project standards scattered across code, documentation, and team experience into AI development skills that are triggerable, adjudicable, executable, verifiable, and continuously iteratable. - [A Practical Codex Guide: Seven Common Use Cases and Prompt Templates](https://blog.liumingxin.site/blog/codex.md): Adapted from “How OpenAI Uses Codex,” this guide covers seven engineering tasks Codex handles especially well—understanding unfamiliar code, refactoring and migration, performance optimization, test coverage, feature development, small tasks, and solution exploration—with reusable prompt templates. - [AI Coding Prompt Template for Frontend Page Development](https://blog.liumingxin.site/blog/requirements.md): A practical frontend development prompt template covering layout, fields, workflows, business rules, exception handling, and implementation notes, with targeted guidance for faithful UI implementation and a complete device-alarm example. - [Design Is More Than Code](https://blog.liumingxin.site/blog/design-more-than-code.md): Adapted from Linear's “Design Is More Than Code,” this article examines whether designers should code and argues that focusing only on tools reduces a deeper question: how designers' contributions will evolve under AI. It separates designing the problem from designing the solution and emphasizes defining the right problem before building thoughtfully. - [How Anthropic Uses Claude Code Skills Internally](https://blog.liumingxin.site/blog/cluade-code-skill.md): Practical advice on Skills from Anthropic Claude Code engineer Thariq Shihipar, covering nine recurring Skill categories, writing techniques such as pitfalls, progressive disclosure, and on-demand hooks, plus distribution and marketplace management. - [Between Intent and Code: A Panoramic View of AI Programming Paradigms](https://blog.liumingxin.site/blog/ai-code-over.md): The first article in a series, explaining the origins, positioning, and decision framework of Vibe Coding, Spec-Driven Development, and Harness Engineering as a foundation for later hands-on guides. - [Business Front-end System Development Coding Standards Guide and Instructions](https://blog.liumingxin.site/blog/code-convention.md): This guide aims to standardize the coding style and best practices of front-end business systems, improve code readability, maintainability, and team collaboration efficiency, and reduce the risk of potential defects. - [Can you install packages without internet? Setting up a private npm repository on an intranet](https://blog.liumingxin.site/blog/verdaccio-summary.md): Introduce the use of NVM to manage multiple versions of Node in a physically isolated internal network environment, and set up a private npm repository with Verdaccio to achieve dependency caching and offline migration. - [Easy-to-Miss Nginx Details](https://blog.liumingxin.site/blog/nginx.md): A collection of useful but often overlooked Nginx details: proxy path behavior, location priority, reload commands, offline installation, and deployment configuration for Unity WebAssembly applications. - [Worked hard on Vue3 projects for a year and a half, summarizing 16 coding standards](https://blog.liumingxin.site/blog/vue3-summary.md): This article summarizes 16 key coding standards distilled from Vue3 project development, covering various aspects from the use of arrow functions to performance optimization, aiming to improve code quality and development efficiency. - [Improving Website Performance with Resource Hints](https://blog.liumingxin.site/blog/proload-summary.md): Learn how prefetch, preconnect, and preload improve page-loading performance and user experience, including what each mechanism does and when to use it. - [Interviewer: Tell Me Every Array Method—Just the Basics](https://blog.liumingxin.site/blog/array-summary.md): A summary of common JavaScript array methods for access, mutation, iteration, searching, and transformation, designed to strengthen practical knowledge and interview preparation. - [Intermediate Front-End Interview Compilation - Middle Volume](https://blog.liumingxin.site/blog/middle-summary.md): Summarized some common knowledge points and questions in intermediate front-end interviews, covering topics such as the event loop, on-demand loading in Webpack and Vite, HTTP cache control strategies, and the differences between Vue2 and Vue3. - [Interviewer: Explain Set and Map](https://blog.liumingxin.site/blog/map-set-summary.md): A practical overview of JavaScript Set and Map, including their core concepts, common APIs, real-world use cases, and the related WeakSet and WeakMap types. - [Intermediate Front-End Interview Compilation - Middle Volume](https://blog.liumingxin.site/blog/top-summary.md): Summarized some common knowledge points and questions in intermediate front-end interviews, covering topics such as the event loop, on-demand loading in Webpack and Vite, HTTP cache control strategies, and the differences between Vue2 and Vue3. - [WebSocket Tutorial](https://blog.liumingxin.site/blog/websocket-summary.md): This article introduces the basic concepts, operating principles, and common APIs of the WebSocket protocol, with a complete example showing how to implement two-way communication in a frontend project. - [Implementing the function of car trajectory query with OpenLayers](https://blog.liumingxin.site/blog/openlayers-summary.md): This article introduces how to use OpenLayers to implement vehicle trajectory query functions, including key steps such as map initialization, trajectory data acquisition, and animation playback, helping readers quickly get started with map development. - [Understanding and Using Redux in React](https://blog.liumingxin.site/blog/redux-summary.md): An introduction to Redux in React, including its workflow, core concepts—actions, reducers, and the store—and a complete example showing how to configure Redux for maintainable, extensible state management.