- 博客(122)
- 收藏
- 关注
RSS订阅原创 Claude Code 从入门到实战（四）：实战工作流、常见误区与学习路线
Claude Code 系列实战第 4 篇（完结）：以 Vue 3 后台真实需求串联三阶段工作流（只读调研与规划→分阶段实现→独立 Code Review），总结最容易犯的 12 个错误与排查方法，给出推荐学习顺序，附常用命令速查、可直接复用的通用 Prompt 与官方参考资料。
2026-11-02 09:37:23
106
原创 Claude Code 从入门到实战（三）：Hooks、Skills、SubAgents 高级扩展
Claude Code 系列实战第 3 篇：讲透高级扩展机制——Hooks 在工具调用前后守门与流程编排、Skills 把流程沉淀为可复用能力、SubAgents 独立上下文并行处理与只读权限控制，并以 Code Review 工作流串联三者。
2026-11-01 22:52:25
177
原创 Claude Code 从入门到实战（二）：Bash工具、Plan模式与后台任务
Claude Code 系列实战第 2 篇：深入任务执行核心——Bash 工具与终端命令、Plan Mode 规划模式、权限风险与后台任务；再讲 Rewind 回滚、截图与图片多模态、Figma MCP 接入、会话恢复 Resume、上下文窗口管理策略与 CLAUDE.md 项目治理。
2026-11-01 22:50:57
184
原创 Claude Code 从入门到实战（一）：安装、登录与第一个Vue项目
Claude Code 系列实战第 1 篇：先认识 Claude Code 的工作方式与任务循环，完成 npm 安装、登录与授权，通过让 Claude 理解一个 Vue 项目完成第一次实战任务，并辨析默认、自动接受编辑、Plan 规划等权限模式的差异与选择策略。
2026-11-01 22:49:36
177
原创 Claude Code 原生专业 Agents 配置手册：code-reviewer / test-engineer / debugger 三角色完整落地
适用：Claude Code CLI / Windows 11 / macOS目标：在不依赖 OMC（Oh My ClaudeCode）的情况下，为 Claude Code 原生 Subagents 与 Agent Teams 补充可复用的专业角色。debugger。
2026-10-29 21:57:36
339
原创 Anthropic《Building agents》深度解读：何时把 Subagent 折叠回主 Agent 循环
为每种能力创建一个 Agent”“让一个强大的 Main Agent通过 Progressive Disclosure动态获得 Skills、Tools 和 Context”Subagents 仍然非常重要。组织架构映射岗位模拟为了 Multi-Agent 而 Multi-AgentMain AgentCLAUDE.mdSkills少量 Verification Subagents按需 Agent Teams。
2026-10-29 21:57:18
479
原创 Claude Code 原生 Agent 编排配置与使用手册：Subagents + Agent Teams 双平台落地指南
Subagents 是 Claude Code 原生功能。没有自定义角色文件时，Claude 仍可使用内置的 Explore、Plan、General-purpose 等 Subagents，根据任务自行委派。用户提问 -> 主 Agent 判断 -> 调用 Subagent -> 子 Agent 返回结论 -> 主 Agent 继续自定义 Agent 是可选项，建议只有当某类任务反复出现、专用权限确有价值时才配置。检查文件位置和 YAML frontmatter：第一行必须是---，同时要有合法name。
2026-10-29 21:56:47
462
原创 【开源项目】23 周从“会调 API“到“能交付企业级 AI Agent“：这套开源教程把学习路线和工程都备好了
一套开源的《AI Agent 全栈工程师·23 周通关教程》：VitePress 教程站 + pnpm Monorepo 可运行工程，概念讲解+可运行代码+踩坑实录+自测题，含知识库问答/智能客服/文档智能三条产品线。GitHub 搜索仓库名 zrayjay/ai-agent-blog 即可免费获取。
2026-10-28 00:18:39
134
原创 【转型攻略】2026 年，后端 / 全栈工程师转 AI Agent 方向：能力地图、按周学习路线与面试要点
后端/全栈工程师转 AI Agent 方向完整攻略：拆解 JD 高频关键词，给出六阶段能力地图与 23 周学习路线，附 8 道面试高频自查题与答题框架。章节编排参考开源教程 zrayjay/ai-agent-blog，按周执行、逐日可跑。
2026-10-28 00:13:04
298
原创 【RAG 实战】答案里的“引用[1]“是模型编的吗？把引用溯源的生成权从模型手里收回来
RAG 答案里的引用编号是模型编的？本文讲透引用溯源防造假：编号由检索结果统一分配、提示词强约束、代码兜底校验，附最小 TypeScript 实现与存储选型（内存/JSON 与 pgvector 可切换），做法来自开源教程 zrayjay/ai-agent-blog 第 04 章的工程实现。
2026-10-27 18:52:41
361
原创 【Agent 开发】别再黑盒式用框架了：手写一个工具循环（Tool Loop），一文搞懂 Agent 的心脏
Agent 的心脏是工具循环：模型只负责点名，代码负责执行。本文用几十行 TypeScript 给出最小可跑实现，覆盖审批与幂等包装、onStep 可观测、防失控上限与四大踩坑，文末附开源 23 周 Agent 全栈教程（GitHub 搜 zrayjay/ai-agent-blog，免费）。
2026-10-27 18:49:54
352
原创 大白话讲透 JavaScript 生成器：function*、yield、yield* 一次搞懂
用“可暂停的剧本”这个大白话比喻，讲透 JavaScript 生成器三兄弟：function* 写剧本拿到遥控器但不自动开演；yield 演到这里暂停、往外递东西，外部还能通过 next(值) 把结果塞回剧本；yield* 把舞台委托给另一个子剧本完整演完再回来。附完整代码示例与极简记忆口诀，一次搞懂生成器的暂停与恢复机制。
2026-10-14 10:16:37
202
原创 别再复制粘贴工具函数了：这个开源全栈 Monorepo 模板把 Vue、React、NestJS 一锅端
把Vue、React、NestJS装进一个仓库的开源全栈Monorepo模板：pnpm workspace统一管理前后端，共享工具函数与类型定义，一条命令生成新应用，一套CI完成构建部署，20+篇协作约定文档沉淀团队规范。
2026-09-03 18:47:18
239
原创 别再复制粘贴了！这个开源 Monorepo 模板，让 Vue 和 React 在一个仓库里优雅共存
一套仓库同时跑 Vue 3 和 React 19 的开源 Monorepo 模板：四层架构把业务应用、共享能力、框架适配、工程规范分层放好，代码生成器一键创建新应用，pnpm ship 一键发布，ESLint/TS 工程化检查全套内置，30+ 篇文档沉淀团队约定，新项目 5 分钟跑起来。
2026-09-03 18:45:05
280
原创 Oh My Pi (omp)：把 IDE 装进终端的 AI 编程 Agent，从安装到上手全指南
Oh My Pi（omp）是把 IDE 能力接进终端的开源 AI 编程 Agent：基于 Pi 深度魔改，内置 31 个工具、LSP/DAP 深度集成、Hashline 精准编辑、结构化子代理与记忆系统，60+ 模型任意换且 Windows 原生运行。本文从背景、安装、核心功能讲到实战上手，带你把小模型也调教成顺手的主力编程助手。
2026-08-30 22:19:05
583
原创 OpenCode 配置实践：多智能体、MCP 服务与技能包的完整搭建指南
OpenCode 是开源终端 AI 编程工具，支持替换模型、接入 MCP 协议、配置即代码。本文记录从单一模型对话扩展为多智能体 + MCP + 技能包环境的完整配置过程：环境准备与安装、opencode.json 主配置写法、5 个 MCP 服务（网页读取、联网搜索、图像理解、GitHub 仓库阅读、蓝湖设计稿）接入方式、oh-my-opencode 多智能体编排（Sisyphus/Explore/Oracle 等 7 类智能体分工）、64 个技能包的安装与调用，以及验证清单、常见问题与凭据安全注意事项。
2026-08-27 21:59:57
286
原创 Prime Agent 使用指南：GitHub 1.8 万 Star 的自改进 AI 编程智能体，5 分钟上手
Prime Agent 是 Prime Intellect 开源的"自我改进"AI 编程智能体框架（MIT 协议，GitHub 超 1.8 万 Star）。它基于 RLM 思路：给模型常驻 Python REPL，上下文即变量、子代理如函数递归；配合 /refine 机制把踩坑经验沉淀成可复用 Skills。本文通俗拆解其两大核心抽象，手把手带你完成安装、登录与第一个会话，覆盖长时任务、守护进程、技能包与安全注意事项，5 分钟上手这新一代 coding harness。
2026-08-27 21:51:30
523
原创 Understand Anything 入门指南：一条命令把代码库变成可交互知识图谱
Understand Anything 是开源AI代码分析工具，用多Agent流水线把任意代码库变成可交互知识图谱：可视化Dashboard浏览架构、语义搜索、Diff影响分析。本文带你5分钟上手：安装、/understand命令、Viewer查看，附典型响应示例，新人入职和接手老项目必备。
2026-08-18 13:48:02
195
原创 DeepSeek Harness 使用指南：GitHub 11.8 万 Star 的一键开源智能体框架，5 分钟上手
DeepSeek 官方开源了自家 Agent 运行时框架 DeepSeek Harness（dsh），GitHub 11.8 万 Star、MIT 协议。它主打"一切皆插件"：模型、工具、技能、会话、沙箱、存储、调度、UI 全部由插件组合而成，配置层即可自由替换重组。本文从背景讲起，带你用 npx @deepseek-ai/dsh web 一条命令跑起 Web UI，配置 API Key、选择工作区，并介绍四大内置模式、Python SDK 与插件生态，5 分钟上手自己的开源智能体。
2026-08-16 12:13:22
2581
原创 Pi Agent 使用指南：GitHub 9 万 Star 的极简开源编程智能体，一条命令让 AI 帮你写代码
Pi Agent 是一款极简开源的终端编程智能体，能通过自然语言指令自动完成读代码、写代码、执行命令等编程任务。它解决了传统AI编程工具的厂商锁定、价格昂贵、功能臃肿等问题，具有以下特点： 支持30+模型厂商，可自由切换Claude、GPT等模型 开源MIT协议，核心仅保留read/write/edit/bash四个基础工具 支持订阅登录和API Key两种认证方式 提供会话树、项目规范文件等实用功能 支持脚本化调用和四层定制能力（提示词模板、工具扩展等） 安装仅需一条npm命令，是轻量高效的AI
2026-08-16 09:39:04
1759
原创 从 nvm 到 fnm：更快、更省心的 Node.js 版本管理器迁移指南
摘要：从nvm迁移到fnm的Node.js版本管理指南 fnm（Fast Node Manager）是nvm的现代化替代方案，采用Rust编写，具有显著优势： 性能提升：启动速度更快，支持并行下载和缓存 跨平台支持：原生兼容Windows/macOS/Linux 开箱即用：内置.nvmrc自动切换功能，无需额外配置 轻量级：单一二进制文件，安装包仅5MB左右 迁移步骤简明： 安装fnm并配置shell集成 重新安装所需Node版本 保持现有.nvmrc兼容性 重装全局npm包 可选卸载nvm fnm完美解决
2026-07-27 15:51:34
374
原创 一条命令让 Codex / Claude Code 用上任意大模型：opencodex 本地代理实战指南
想让 Codex、Claude Code、Claude Desktop、Grok Build 都能用上 Claude/Gemini/Grok/DeepSeek/Kimi/Qwen 等任意大模型？opencodex(lidge-jun/opencodex)是一个本地轻量代理,把 Codex 的 Responses API 实时翻译成任意 Provider 协议,装好即用。本文从原理、安装、多Provider路由到 ChatGPT 账号池,带你0到1跑通。
2026-07-27 00:35:58
434
原创 阿里开源代码Review利器OpenCodeReview：Codex/Claude Code/OpenCode三大AI编程Agent集成上手指南
阿里巴巴开源的AI代码评审工具OpenCodeReview(OCR),用Go编写,采用"确定性工程×Agent混合架构",解决LLM直接review漏文件、行号漂移、质量不稳定等痛点。本文从安装配置、CLI命令到集成Codex/Claude Code/OpenCode三大AI编程Agent,再到委托模式,带你轻松上手。
2026-07-26 20:05:35
1849
原创 让 AI 编程助手拥有“长期记忆“！opencode-supermemory 插件详解与上手教程
opencode-supermemory 是 Supermemory 团队推出的 OpenCode 插件，给 AI 编码助手装上"长期记忆"，让它跨会话、跨项目记住你的偏好与代码库。本文从三大组件关系讲起，详解上下文注入、关键词记忆、代码库索引、预防性压缩、隐私保护五大特性，并给出两种安装方式、配置文件、supermemory 工具表和典型场景，助你 5 分钟轻松上手。
2026-07-25 23:33:48
696
原创 一次 opencode + OpenPencil MCP 协同解析 .fig 文件的踩坑实录
摘要 本文记录了使用 opencode 和 OpenPencil MCP 解析 .fig 设计文件的完整过程。最初尝试 Rust 工具 fig2json 失败后，转而采用 Node.js 方案 @open-pencil/mcp，最终构建了包含桌面应用的解析链路。文章详细介绍了技术选型、实施步骤、验证方法和关键决策（包括放弃 fig2json 和兼容 Node 22 的原因），并分享了实际测试结果和踩坑经验，为类似需求提供了参考路径。
2026-07-25 00:17:36
744
原创 Open Design 深度解析：开源、本地优先的 Claude Design 替代，让 Coding Agent 变成你的设计引擎
Open Design（nexu-io/open-design）是一款开源、本地优先的 Claude Design 替代方案，让 Coding Agent 变成你的设计引擎。本文详解其核心理念、6 大特性、与 Claude Design / Figma / Lovable / Bolt 的横向对比、25 CLI BYOK 矩阵、模块化设计、安装部署、应用场景、FAQ、路线图与社区，帮助设计师、产品经理与开发者快速评估并上手这款 GitHub 81.1K Star 的明星项目。
2026-07-24 14:35:11
671
原创 开源免费！Certd 全自动 SSL 证书申请部署工具详解（Docker 私有化部署保姆级教程）
Certd是一款开源免费的SSL证书自动化管理工具，支持全自动申请Let's Encrypt证书和部署到各类服务器/云平台。核心功能包括：自动续期（提前20天）、泛域名支持、100+部署插件、多种通知方式等。提供Docker一键部署方案，支持SQLite/MySQL/PostgreSQL数据库，数据本地存储确保安全。通过创建证书流水线配置DNS验证和部署任务，即可实现"配置一次，永久自动续期"。项目完全开源，适合个人开发者到企业级用户使用，有效解决HTTPS证书手动续期难题。GitHub地址：https:/
2026-07-24 10:04:54
206
原创 Supabase 完全指南：开源 Firebase 替代品 × React 实战（含 Nginx 部署）
Supabase 是基于 PostgreSQL 的开源后端即服务平台，被誉为 Firebase 替代品。本文从零讲解它的核心能力（自动 REST/GraphQL API、Auth 认证、Realtime 实时、Storage 存储、pgvector 向量），结合 React 项目给出完整的增删改查与实时订阅实战代码，并附上 Docker + Nginx 自托管部署方案（含 WebSocket、HTTPS 配置），最后列出官方开源仓库与资源链接。
2026-07-23 00:10:22
613
原创 零基础玩转GitHub Pages：把你的项目免费变成在线网站（保姆级教程）
GitHub Pages 快速入门指南 GitHub Pages 是 GitHub 提供的免费静态网站托管服务，可以将你的项目变成公开网站。本文详细介绍了以下内容： GitHub Pages 的核心优势：完全免费、自动部署、支持 HTTPS 和自定义域名 两种站点类型：用户站点(username.github.io)和项目站点 3分钟部署教程：通过网页操作创建仓库、添加HTML文件并开启Pages功能 进阶开发方法：使用Git本地开发并推送更新 项目站点注意事项：注意资源路径问题 自定义域名设置：详细说明D
2026-07-11 01:03:38
405
原创 深入理解 Agent Loop（四）：框架对比与 Token 管理
—更聪明。当上下文接近上限时，调用一次 LLM 把早期历史压缩成摘要，保留关键信息，释放 token 空间。这是 Claude Code 等产品实际使用的方法。
2026-07-08 16:07:26
209
原创 深入理解 Agent Loop（三）：Tool Calling 与 Observe/Memory
在工程实现中，一个 Tool 通常有固定的结构。// Agent Tool 的标准定义// 工具元信息// 工具名，LLM 用它来调用// 描述，告诉 LLM 这个工具能干什么// 参数定义（JSON Schema 格式）// 执行函数// 参数说明enum?: string[];// 可选枚举值}>;// 必填参数// 返回给 LLM 的文本（Observation 的来源）metadata?关键点nameparameters这三个字段是给 LLM 看的。
2026-07-08 16:04:44
175
原创 深入理解 Agent Loop（二）：执行流程与内部实现
终于来到本文的核心概念。Agent Loop（智能体循环），本质上是一种让 LLM 持续地「思考→行动→观察→再思考」的运行模式，直到任务完成。Agent Loop = 一个由 LLM 驱动的、能够自主决定下一步动作、执行动作、观察结果、并根据结果迭代决策的闭环控制结构。自主决定：不是人告诉它下一步做什么，而是它自己判断执行动作：它有「手」，能调用工具（读文件、跑命令等）观察结果：它会看动作执行后的反馈迭代决策：它会根据反馈调整策略闭环 / 循环：这个过程会一直持续，直到任务完成。
2026-07-08 16:00:52
404
原创 深入理解 Agent Loop（一）：从 Agent 爆发到传统 LLM 的局限
fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em;能力缺口传统 LLM（无循环）❌ 无法继续等待人类驱动接收Prompt输出建议结束真实任务：修复 Bug（需要循环）否是读代码改代码测试通过?完成真实任务是循环的，而传统 LLM 是线性的。两者之间存在巨大的「能力缺口」。这个缺口，正是Agent Loop要填平的东西。💡。
2026-07-08 15:54:00
858
原创 一篇文章透析 frontend-monorepo-starter：企业级前端 Monorepo 教科书级模板
深入透析 frontend-monorepo-starter——一个面向真实业务的前端 Monorepo 模板。从核心理念（四区分层、依赖方向约束）、技术栈（pnpm catalog 统一依赖、Turborepo、Vite、Vitest）、共享能力层（utils/request/auth/config 框架无关实现）、应用结构、代码生成器，到 Git Worktree 进阶实战，全方位讲透企业级前端工程化的最佳实践。
2026-06-29 10:39:25
213
原创 一文搞懂 Vitest、Storybook、Playwright：前端自动化测试三剑客到底怎么选？（含 Monorepo 实战示例）
我们先用一句话定义它： 举个人话例子 👇 假设你要测"用户能不能登录"，手动测试是这样： 1. 打开浏览器 2. 访问 /login 3. 输入账号 admin 4. 输入密码 123456 5. 点击"登录"按钮 6. 看看有没有跳到 /dashboard 每次改完代码都要手动来一遍？太痛苦了 😩。于是有了 自动化测试： test('用户可以登录', async ({ page }) => { await page.goto('/login') await page.get
2026-06-26 07:26:34
366
原创 【Monorepo 实战】手把手封装一个内部代码生成器 CLI：pnpm repo generate（Vue/React 通用，附完整源码 + 演进路线）
库干什么为什么选它Commander命令 & 参数解析、--helpNode 生态最成熟，子命令管理清晰交互式提问（选择/输入/确认）比老的 inquirer 更现代，TS 支持好Handlebars模板变量替换{{name}}语法简单，模板文件可读性高fs-extra文件复制/创建/检查比 node fs 多了ensureDirreadJson等好用 APIfast-glob查找apps/*packages/*扫描工作区，新增 app 不用改代码picocolors终端彩色输出体积小、性能好。
2026-06-24 23:24:00
191
原创 Vite 8 + Rolldown 全面解析：10-30 倍构建提速背后的架构革命与实战指南
Vite 8 把"双引擎"换成"单引擎"，用 Rust 重写的 Rolldown 在保持生态兼容的前提下，带来了巨大的性能飞跃和更统一的工具链。无论是构建速度（Linear 从 46s 到 6s）、开发体验（forwardConsole 对 AI Agent 友好），还是长期可维护性，都有质的提升。如果你已经在用 Vite 7，升级到 8 几乎是零风险的免费午餐——配置基本不动，速度直接起飞。还在等什么？觉得有帮助的话，❤️ 有 Vite 8 或 Rolldown 的问题，评论区见～
2026-06-21 23:42:38
658
原创 用 Git Worktree 玩转 AI Agent 开发：5 个真实场景让你告别 stash 地狱
git worktree 让你把同一个仓库的不同分支，同时 checkout 到不同的目录里。正常情况下，一个仓库只有一个"工作区"。你想同时看两个分支，就得git stash再。my-agent/ # 主工作区，在 main 分支my-agent-tool/ # 新目录，在 feature/add-search-tool 分支my-agent-debug/ # 新目录，在 hotfix/prod-bug 分支三个目录，三个分支，同时存在、互不干扰，而且共享同一份 Git 历史，几乎不占额外磁盘空间。
2026-06-21 23:33:19
508
原创 一文搞懂 Git Worktree：多分支并行开发的神器（附多场景实战）
git worktree 让你把同一个仓库的不同分支，同时 checkout 到不同的目录里。正常情况下，一个仓库只有一个"工作区"（working directory），你切分支，工作区里的文件就被替换。这意味着你同一时刻只能看到一个分支的内容。而 worktree 打破了这个限制——你可以为仓库"克隆"出多个工作区，每个工作区 checkout 不同的分支，它们共享同一个 .git 仓库（共享所有 commit、对象、远程配置），但文件互不干扰。
2026-06-21 23:28:50
866
原创 [特殊字符]️ 前端 + Node.js + Nginx 安全防护终极指南：从入门到实战（2025最新版）
要点说明代码示例密钥强度至少32位随机字符串使用 crypto.randomBytes(64)算法白名单限制为 HS256/RS256Access Token 短期15分钟过期Refresh Token 长期7天过期不存敏感信息Payload 可被 Base64 解码只存 userId 等标识Token 黑名单支持主动撤销Redis 存储黑名单HTTPS 传输防止 Token 被窃取Nginx 强制 HTTPS│ 用户（浏览器） │。
2026-05-26 23:57:44
511
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人