# LMX Blog Personal writing, selected reading, projects and practice. - [About](https://blog.liumingxin.site/zh/about.md) - [Work](https://blog.liumingxin.site/zh/craft.md) - [Blog](https://blog.liumingxin.site/zh/blog.md) ## Blog - [Skills实战指南：先从最小Skill再到企业治理](https://blog.liumingxin.site/zh/blog/skills-description.md): 从第一个可复用的 Skill 出发，系统讲解文件拆分、知识库与 MCP 接入、Agent 协作、评测方法，以及企业级权限、安全和治理实践。 - [自建云服务器网络中转：三分钟实现版](https://blog.liumingxin.site/zh/blog/nat-vps-3x-ui.md): 从购买 NAT VPS、配置端口转发、安装 3x-ui，到创建 VLESS REALITY Vision 节点并导入 v2rayN，按步骤提供命令、参数与操作截图。 - [AI 时代，如何守住判断力与自我价值](https://blog.liumingxin.site/zh/blog/after-ai-takes-everything.md): 讨论 AI 提效后的职业变化、验证标准与能力积累，梳理判断力、品味和推演的作用，并思考如何保留独立思考、成长空间与自我价值。 - [Electron更新做快：在OTA上的几次推倒重来](https://blog.liumingxin.site/zh/blog/electron-ota-updater.md): 记录 LobeHub 的 Electron 更新实践，从 Renderer OTA 的兼容性困境到 Shell/Core 拆分、内容寻址差分、Pack 与 Range 下载、启动回滚，以及 Sparkle 补丁链。 - [AI Coding 时应该把最好的模型放在前面](https://blog.liumingxin.site/zh/blog/best-model-first.md): 分享 AI Agent 开发中的模型分工实践：把最强模型用于需求与设计，让目标明确、容易验证的实现和常规审查交给其他模型，并通过独立设计比较减少路径依赖。 - [GPT Image 2.5 图像提示指南](https://blog.liumingxin.site/zh/blog/image-prompting.md): OpenAI 官方图像提示指南中文版，介绍模型选择、提示词编写、图像生成与编辑、跨轮次细化，以及保持主体和细节一致性的实用方法。 - [Claude实用指南：内容取舍、作用范围与维护](https://blog.liumingxin.site/zh/blog/cluade-use.md): 系统讲解 CLAUDE.md 与 AGENTS.md 的定位、内容取舍、作用范围、单一事实来源、验证方法和维护策略，并附可直接使用的审计提示词。 - [Codex实战指南：界面、工作区、权限与扩展体系](https://blog.liumingxin.site/zh/blog/codex-use.md): 系统讲解 Codex App、CLI、Local、Worktree、Cloud、Plan、权限、AGENTS.md、Skills、Plugins、MCP、Automations 和 Goal，并给出从零上手的学习路径。 - [编写Skill或Prompt提示词必备的网页视觉词典](https://blog.liumingxin.site/zh/blog/vibe-coding-version.md): 整理 80 个网页设计高频词汇，覆盖布局、结构、导航、组件、滚动动效、加载反馈、视觉风格与高级体验，并附可直接改写的 AI 提示词。 - [怎样借助 Skills 提升前端设计并防止落地偏移](https://blog.liumingxin.site/zh/blog/improving-frontend-design.md): 结合 Anthropic 的 frontend design 实践、两组高一致性 UI 提示词分析，以及个人安装的设计类 Skills，拆解如何突破 AI 默认审美、组织设计 Skill，并通过设计契约、视觉参考和分层验收减少从设计到代码的落地偏移。 - [一个万能提示词，让Codex先理解项目再动手](https://blog.liumingxin.site/zh/blog/codex-study.md): 通过项目理解、需求复述、问题澄清、实施计划和验收标准，让 Codex 在修改代码前先确认范围，减少误改、过度重构和不可验证的实现。 - [编码规范落地为AI Coding能真正使用的Skill](https://blog.liumingxin.site/zh/blog/vue-code-skill.md): 以项目中前端编码规范(vue-code-convention skill)为例，系统拆解如何将散落在代码、文档与团队经验中的前端项目规范，沉淀为可触发、可裁决、可执行、可验证、可持续迭代的 AI 开发 Skill。 - [Codex 实战指南：7 类高频用例与提示词模板](https://blog.liumingxin.site/zh/blog/codex.md): 根据【OpenAI 如何使用 Codex】整理，梳理Codex最擅长的7类工程任务——理解陌生代码、重构与迁移、性能优化、测试覆盖、功能开发、零散任务与方案探索，并附可直接套用的提示词模板。 - [AI Coding 前端页面开发提示词模板](https://blog.liumingxin.site/zh/blog/requirements.md): 从实战开发中总结的前端页面开发提示词模板，涵盖布局说明、字段描述、业务流程、业务规则、异常处理和注意事项六大环节，对页面还原与落地做了针对性优化，并附设备告警处理完整示例。 - [设计不止于代码—Design is More Than Code](https://blog.liumingxin.site/zh/blog/design-more-than-code.md): 译自 Linear 官方博客《Design is More Than Code》，探讨"设计师该不该写代码"这一行业热议话题。作者认为把争论焦点局限在工具与代码层面本身就是一种降维，真正值得关心的是 AI 冲击下设计师贡献方式如何演变；并系统拆解设计"问题"与设计"解决方案"两个阶段，强调先定义正确的问题，再带着深思去构建——设计始终是关于找到正确的意图与愿景。 - [Anthropic内部的Claude Code Skills使用经验](https://blog.liumingxin.site/zh/blog/cluade-code-skill.md): 由 Anthropic Claude Code 团队工程师 Thariq Shihipar 总结的 Skills 实战经验——梳理 Skills 的 9 大类型、编写技巧（踩坑点、渐进式披露、按需 Hooks 等）以及插件市场的分发与管理方式，帮助系统化理解如何创建和推广 Skills。 - [意图与代码之间：AI编程范式全景解读](https://blog.liumingxin.site/zh/blog/ai-code-over.md): 系列第一篇，全面解读Vibe Coding、Spec-Driven Development与Harness Engineering三大AI编程范式的起源、定位与抉择框架，为后续深入各范式的实战文章奠定理论基础，属于扫盲篇。 - [业务前端系统开发编码规范指南及说明](https://blog.liumingxin.site/zh/blog/code-convention.md): 本指南旨在统一业务前端系统的编码风格与最佳实践，提升代码可读性、可维护性与团队协作效率，降低潜在缺陷风险。 - [断网也能装包? 内网搭建私有的npm仓库](https://blog.liumingxin.site/zh/blog/verdaccio-summary.md): 介绍物理隔离内网环境中，使用NVM管理多版本Node，并通过Verdaccio搭建私有npm仓库，实现依赖缓存与离线迁移。 - [可能是你极易忽略的Nginx知识点](https://blog.liumingxin.site/zh/blog/nginx.md): 下面是我总结的nginx使用过程中很容易忽略同时又不常用但是却又会用到的知识点，分享出来加强记忆，查漏补缺，共同进步！ - [苦干Vue3项目一年半，总结出16个代码规范](https://blog.liumingxin.site/zh/blog/vue3-summary.md): 本文总结了在Vue3项目开发中提炼出的16个关键代码规范，涵盖从箭头函数使用到性能优化的各个方面，旨在提升代码质量和开发效率。 - [使用资源提示提高网站性能](https://blog.liumingxin.site/zh/blog/proload-summary.md): 本文介绍了如何通过资源提示（prefetch、preconnect、preload）来优化网站性能，提升页面加载速度和用户体验，并详细解释了每种资源提示的作用和使用场景。 - [面试管：来，说说数组都有哪些方法，就问基础](https://blog.liumingxin.site/zh/blog/array-summary.md): 本文总结了JavaScript数组的常用方法，涵盖访问、修改、遍历、查找、转换等方面，帮助读者全面了解数组操作技巧，提升面试表现。 - [中级前端面试整理-中篇](https://blog.liumingxin.site/zh/blog/middle-summary.md): 总结了一些中级前端面试中常见的知识点和问题，涵盖事件循环、Webpack和Vite的按需加载、HTTP缓存控制策略、Vue2和Vue3的区别等内容。 - [面试管：来，小伙子, 说一下Set和Map的理解](https://blog.liumingxin.site/zh/blog/map-set-summary.md): 本文总结了JavaScript中Set和Map数据结构的基本概念、常用方法及实际应用场景，帮助读者全面理解这两种数据结构在面试中的重要性和实用技巧。 - [中级前端面试整理-中篇](https://blog.liumingxin.site/zh/blog/top-summary.md): 总结了一些中级前端面试中常见的知识点和问题，涵盖事件循环、Webpack和Vite的按需加载、HTTP缓存控制策略、Vue2和Vue3的区别等内容。 - [WebSocket教程](https://blog.liumingxin.site/zh/blog/websocket-summary.md): 本文介绍了WebSocket协议的基本概念、工作原理及常用API，并提供了一个完整的WebSocket代码示例，帮助读者理解如何在前端项目中实现双向通信功能。 - [OpenLayers实现小车的轨迹查询的功能](https://blog.liumingxin.site/zh/blog/openlayers-summary.md): 本文介绍了如何使用OpenLayers实现小车轨迹查询功能，包括地图初始化、轨迹数据获取、动画播放等关键步骤，帮助读者快速上手地图开发。 - [React中理解并使用Redux](https://blog.liumingxin.site/zh/blog/redux-summary.md): 本文介绍了Redux在React中的应用，包括其工作原理、核心概念（action、reducer、store）以及如何在项目中配置和使用Redux进行状态管理，帮助读者提升React应用的可维护性和扩展性。