秋天，黄叶坠地，凉风有信。

原创 AI Agent 的自进化实践

为了避免 AI 不思考直接就进行内容的生成，我加了一条 rule。但是加完后，AI 在每个指令基本都会对我进行询问，有的甚至多的 3-4 条，虽然内容是更加符合方向了，但是很多选项基本都固定的，是按预期来的，反而变成了多余的步骤。

原创 AGENTS.md 构建实践：用知识图谱驱动的 AI Agent 上下文体系

传统README.md面向人类，解释"这个项目是什么"。AGENTS.md面向 AI coding agent，回答"如何在这个项目里正确工作"。但仅靠手写文档覆盖面有限——大型代码库的架构关系、隐藏耦合、核心抽象，人很难穷举。，形成"自动化发现 + 人工提炼"的闭环。

原创 AI 编程的几种方式

摘要：本文介绍四种AI辅助编程模式：1）Vibe Coding通过自然语言对话快速实现想法；2）Harness Engineering构建系统化AI工作环境，强调上下文管理、结构约束和反馈机制；3）Ralph Wiggum Loop实现AI自主迭代的开发闭环；4）BMAD敏捷开发框架采用分层规划与角色分工。这些方法可单独或组合使用，适用于不同复杂度的开发场景，从快速原型到规范化的团队协作项目。核心趋势是从提示词优化转向系统化AI开发管理，通过规范文档、测试验证和工作流设计提升AI编程的可靠性和质量。

原创 Superpowers 14 skills 图片详解

原创 AI Agent 开发 --- 上下文工程：概念与落地实践（四）

摘要： 上下文工程是管理AI Agent多轮交互中模型可见信息的系统性方法，核心在于优化有限token窗口内的信息质量。它超越传统Prompt工程，关注动态上下文管理，包括系统提示设计、工具集精简、示例优化及运行时信息检索。关键策略包括压缩冗余信息、结构化外部记忆和子Agent架构，确保长任务中的稳定表现。落地需遵循最小化但信号强的原则，平衡信息密度与模型注意力，并通过观测迭代持续优化。上下文工程是构建高效Agent的必备能力，需在每次调用前精心策展输入信息。

原创 AI Agent 辅助工具学习 --- SDD 开发与实践

SDD（规格驱动开发）摘要 SDD是一种将规格说明作为首要工件的软件开发方法，强调代码应作为规格的生成物而非相反。其核心是权力倒置：规格为源，代码为表达。这种方法在当前尤为重要，因为AI能可靠地将清晰规格转化为代码，且系统复杂度增加使得人工对齐意图与实现愈发困难。 SDD工作流包括：通过AI对话形成完整PRD，研究型智能体补充技术约束，生成实现计划并进行一致性检查，最终生成代码并建立持续反馈机制。文档提出六条核心原则和工具链建议，包括AI辅助写规格、代码生成和规格版本控制。 实践层面推荐四阶段节奏：规格→计

原创 AI Agent 开发学习 --- 框架开发实践（三）

本文摘要对比了四个主流智能体框架的核心特点与适用场景。AutoGen采用多智能体群聊模式，适合开放式协作任务；AgentScope以消息驱动架构见长，侧重工程化与复杂流程控制；CAMEL通过双角色扮演简化协作，强调提示工程；LangGraph采用状态图范式，适合需要精确控制流程的场景。四者在协作模式（涌现式/显式控制）和工程化程度两个维度形成互补，开发者可根据任务复杂度、流程确定性和生产环境需求进行选型。完整代码与案例请参考原教材与GitHub仓库。

原创 AI Agent 开发学习 --- 构建软件团队智能体（二）

本文介绍了基于微软开源框架AutoGen的软件开发团队多智能体协作架构设计。AutoGen是一个支持多智能体对话的框架，通过分层设计（autogen-core基础层和autogen-agentchat应用层）和异步编程提升性能。案例展示了由产品经理、工程师、代码审查员和用户代理四个角色组成的轮询协作流程，采用RoundRobinGroupChat模式实现需求分析→编码→审查→测试的固定顺序协作。系统通过GroupChatManager管理对话流程，当用户输入TERMINATE或达到最大轮数时终止。与三国狼人

原创 AI Agent 辅助工具学习 --- BMad 是什么？与 Superpowers 的区别？

BMad Method是一套开源的AI驱动敏捷开发框架，提供模块化工作流和专家角色协作。核心特点包括AI智能引导、规模自适应规划、34+结构化工作流和多角色协作模式（Party Mode）。支持从bug修复到企业级项目的全生命周期开发，内置12+领域专家角色。安装简单，兼容主流AI编程环境。与Superpowers相比，BMad更侧重多角色协作和全流程管理，而Superpowers专注编码技能和TDD。二者可互补使用，BMad负责前期规划，Superpowers处理具体实现。

原创 AI Agent 辅助工具体验 --- Superpowers 使用介绍及原理分析

superpowers 是一个基于**可组合技能（skills）**的 Agent 软件开发方法论与工作流框架，适用于 Claude Code、Cursor、Codex、OpenCode 等编码 Agent，强调「先澄清再实现」、测试驱动与子 Agent 协同。

原创 AI Agent 开发学习 --- 初始智能体（一）

智能体（Agent） 被定义为：能够通过传感器感知所处环境，并自主地通过执行器采取行动以达成特定目标的实体。四个基本要素：环境：智能体所处的外部世界（如道路、金融市场、API 数据流等）传感器：感知环境的方式（摄像头、API、麦克风等）执行器：施加行动的方式（机械臂、代码调用、服务请求等）自主性：能基于感知与内部状态独立决策，而非仅执行预设指令感知 → 决策 → 行动的闭环，构成智能体行为的基础。

原创 React Native inspector 点击组件跳转编辑器技术详解

摘要：本文探讨了移动端开发中快速定位页面组件的痛点，提出基于React Native的click-to-component解决方案。系统设计包含数据端（通过Babel插件注入源码信息）、应用端（手势识别与组件信息展示）和服务端（编辑器跳转）三部分。核心难点包括组件命中识别、信息提取和精准跳转，通过PanResponder绑定、祖先组件回溯等策略优化。该方案填补了业界空白，显著提升了开发调试效率。

原创 【react-native-inspector】全网唯一开源 react-native 点击组件跳转到编辑器

React Native开发调试工具"react-native-components-inspector"开源方案，替代付费IDE功能。通过Babel插件在开发环境注入源码位置信息，配合Metro中间件实现点击组件跳转编辑器功能。包含三个核心配置：1)babel.config.js注入调试属性；2)metro.config.js添加中间件支持；3)App.tsx根组件包裹InspectorWrapper。该工具仅需简单配置即可在开发阶段快速定位组件源码，适合Expo/React Nati

原创 2024年如何通过完善的工程化，从0到1手把手建立个人 react 组件库

本文聚焦于快速创建并部署个人的组件库，方便平时开发中将通用的组件抽出，也可用于简历上展示个人的组件成果~antd等，这些都是通过自己编写md表格去自定义的，但是对于个人开发的组件库，这显然是不太行的，因为这需要耗费大量时间去编写不太高频的内容，所以这方面显然是要通过自动化的形式完成，这也是本组件库需要攻克的重点！关于上图内容其实只需要下面4行内容即可，是不是很震惊 😱。

原创 实现像 creat-astro 一样在终端中实现动态输出内容

新工具，可以动态输出一些文字，支持盒子输出、动物输出、emoji输出等，也可以完全自定义。

原创 辅助 vue2 开发的插件

帮助 Vue Options Api 项目的this.xxx调用跳转，HTML 模版内的属性、方法跳转，以及的跳转，助力提升老项目的开发体验。

原创 【vue2-helper插件】提供Mixins和组件库相关的类型提示、智能补全、跳转等功能~

# Vue2-helper - 为你的 Vue2 开发增添智慧 ✨🚀 辅助`Vue2`开发中的`Mixins、组件库、Vue-router`的**智能补全、语义高亮、跳转支持、Hover 提示**等，提升`Vue2`开发体验。

原创 【vue2类型助手】vue2-cli 实现为 vue2 项目中的组件添加全局类型提示

【vue2类型助手】vue2-cli 实现为 vue2 项目中的组件添加全局类型提示

原创 yarn 迁移 pnpm 记录

由于yarn/npm的扁平化包管理，导致项目中存在许多幽灵依赖的使用问题，直接切换pnpm而不处理，会导致项目直接运行失败解决方案使用自开发的幽灵依赖扫描工具幽灵扫描原理基于AST和正则对项目中的进行扫描将扫描出的包名与项目中的对比，并过滤不合法包名，路径别名，内置nodejs包以发掘出项目中存在的幽灵依赖以下为使用工具扫描出目前项目中存在的幽灵依赖里配置开启后需要）幽灵依赖的处理1、.npmrc中添加将对应的包提示至顶层目录2、pnpm add对应版本的依赖3、将所有依赖都提升至根目录（不推荐）

原创 【项目多人协作的困扰】git-cli 解决 git merge 合并时 lock 文件变化，忘记重新安装依赖的问题

【项目多人协作的困扰】git-cli 解决 git merge 合并时 lock 文件变化，忘记重新安装依赖的问题

原创 npx 的使用原理，以及使用 npx 的一些注意事项

如果每次执行命令都自动更新依赖的包，可能会导致不同时间执行的命令结果不一致，因为包的版本可能会有变化。的时候，会首先检查路径中是否存在要执行的包（即在项目中），如果存在，它将执行。如果缓存中有该包的旧版本，它会使用缓存中的旧版本，而不会自动更新到最新的版本，如果要安装最新的则添加。相关命令的时候，npx 会先本地找（可以是项目中的也可以是本机的）寻找这个。4、可以指定node版本、命令的版本，解决了不同项目使用不同版本的命令的问题。如果本地存在同名的模块，但是还是想使用远程的新版本模块，可以使用。

原创 当进行一个npm包开发时，依赖管理的重要性

所以如果一个项目是独立应用，不会被引用成第三方包，那么它的。的区分就意义不到，但是如果是被引用的第三方包，则需要做好。的区分就很有意义，因为第三包引用它只会安装包里定义的。来以只安装 dependencies 字段的模块。如果项目有严格区分生产、开发环境的话，是可以通过。一个项目如果被当做第三方包引用的时候，它的。当一个项目被拉下来并执行。

原创 【效率工具】Windows 10 终端自动补全、智能提示

【效率工具】Windows 10 终端自动补全、智能提示（解决网络安装失败问题）

原创 【AI 导航网站】为了更好的收集 AI 资源，我开发了一个 AI 导航网站

目前 AI 应用正呈迸发式增长，然而一个人获取资源的途径有限，对于目前存在的AI工具不能很好的收集总结，所以基于此，我开发了这个一个AI导航网站，希望通过它，收集出目前存在的热门的AI应用，以方便有需求的时候，可以查看有没有对应的AI应用协助使用。

原创 【油猴脚本】ChatGPT 智能 Prompts 提示词助手

ChatGPT 智能 Prompts 可以为你带来更好的使用体验助你训练好用的ChatGPT：添加快捷指令（prompts）新增：论文专家角色、支持自动发送、固定智能助手...还有更多需求可以到仓库Issues里发起！

原创 【Nginx】基础 Nginx 的常用配置快速入门，助力前端er更好的进行前后端开发

【Nginx】基础 Nginx 的常用配置快速入门，助力前端er更好的进行前后端开发

原创 【Linux】前端也需要了解的 Linux 快速入门基础

【Linux】前端也需要了解的 Linux 快速入门基础

原创 关于edge浏览器 new bing 已申请且通过后没有出现聊天功能的问题解决

关于edge浏览器 new bing 已申请且通过后没有出现聊天功能的问题解决

原创 【动态代理】webpack 和 vue-cli 等都适用的热更新proxy代理服务，解决烦人的重启服务问题

热更新 proxy解决 `webpack-der-server vue-cli` 更换 `proxy` 时需要重启服务问题，避免烦人的重新打包编译耗时

原创 【构建工具】webpack 3、4 升级指南，摆脱低版本的困扰

插件，可以在编辑器中实时检查代码，给出错误和警告提示。这种方式可以帮助开发者在编写代码时及时发现问题，而不需要等待打包过程，不会影响。因为 babel 7 新增的 @babel 命名空间，所以原来的。插件，赋予其构建时检测代码的功能，但是会影响构建性能。文件的配置也会自动修改 但是不会删除已有的插件。中移除了旧版本的依赖，自动新增了新版名称，库实现，帮你改写需要升级的。babel 升级工具修改配置。移除旧版本依赖后重新安装依赖。大概列了下升级的效果。

原创 【前端工具】auto-mock约定式路由mock工具

# @winches/auto-mock> **github地址**：[https://github.com/winchesHe/auto-mock](https://github.com/winchesHe/auto-mock)约定式路由mock工具## ⭐️ feature✅ auto get mock route (自动获取mock路径)✅ Hot Update 热更新支持（检测mock路径和配置文件）🤖 easy to get params（更简易的获取请求参数）⚡

原创 【构建工具】webpack5 的性能优化和核心流程

【构建工具】webpack5 的性能优化和核心流程

原创 【调研报告】Monorepo 和 Multirepo 的风格对比及使用示例

【调研报告】Monorepo 和 Multirepo 的风格对比及使用示例

原创 vscode——左侧文件嵌套折叠，配置文件归纳

使用 VS Code 的文件嵌套功能使您的文件树更清晰。vscode——左侧文件嵌套折叠，配置文件归纳

原创 【ts实战】日常开发中使用频率较高的泛型工具

【代码】【ts实战】日常开发中使用频率较高的泛型工具。

原创 如何在顶层使用await 【top level await】

仅当 “module” 选项设置为 “es2022”、“esnext”、“system”、“node16” 或 “nodenext”，且 “target” 选项设置为 “es2017” 或更高版本时，才允许使用顶级 “await” 表达式。添加type为module。如何在顶层使用await 【top level await】

原创 【类型提示】使用pnpm命令创建的vite项目无法在vscode中获得组件类型提示

使用pnpm命令创建的vite项目无法在vscode中获得组件类型提示，vscode 编辑器属性没有提示 ，Intellisense does not work for auto-imported components

原创 【质量工具】使用ls-lint在 vue3，react 等项目中规范命名

【质量工具】使用ls-lint在 vue3，react 等项目中规范命名

原创 解决vscode html文件里没有style提示和script提示问题

解决vscode html文件里没有style提示和script提示问题

原创 关于macos：如何在mac上完全卸载vscode

关于macos：如何在mac上完全卸载vscode