Cocoon Stack · OpenAI / Gemini / Claude · AWS
把 AI 工具链、产品和基础设施接成一条真正能跑的链路。
从 Vue / uni-app / 小程序一路走到 AI Tooling、SaaS 与 AWS 基础设施落地，我现在更关注的不是“能不能接上模型”，而是 “模型、CLI、网关、产品与社区能不能一起稳定运转”。这里集中展示我的项目、文章、负责范围和社群入口。
从 前端工程 走到 AI Tooling
我最早公开的项目集中在前端、Vue、uni-app 和小程序方向。现在则把重点放在模型接入、CLI 代理、协议演进、OpenAI-compatible Gateway，以及围绕这些能力展开的产品与基础设施。
- 早期积累 代表仓库包括 `neteaseMusic`、`Vuejs`、`hiolabs`、`fruitsShop`，覆盖小程序、业务改造和长期前端训练。
- 近两年的变化 明显从“做页面”扩展到了“做模型工作流”，开始处理 CLI、协议、网关、构建、稳定性和多平台认证链路。
- 当前定位 更像一个把 AI 能力接进真实产品的人，而不是只停留在 demo 层的开发者。
现在在意什么
- 模型能不能稳定接入 不只看单个模型可不可用，还看认证、额度、429、回退链路和不同 CLI 间的协作。
- 产品有没有统一入口 一个 Home 门户把 API、SMS、VPN、社区和博客内容组织起来，比零散站点更有品牌感。
- 文章是否服务当前项目 最近的文章主题都围绕 Codex、Gemini CLI、stdio、MCP/ACP/A2A，不再只是知识点摘录。
负责和参与的 关键项目
这一组项目最能说明我现在的技术重心：既包含高 Star 的参与项目，也包含自己持续维护的产品矩阵。
AionUi
公开可见的高 Star 参与项目。重点工作包括模型接入、设置流程、构建细节、稳定性修复，以及围绕 Codex / Gemini / Claude / 本地 agent 的协作体验。
查看项目neteaseMusic
我公开仓库里 Star 最高的项目之一，代表最早的小程序产品化、交互体验打磨和前端场景拆解能力。
查看项目Vuejs / hiolabs
一个体现长期前端训练，一个体现业务改造和二次开发经历。它们不是今天的重心，但仍然是我技术路径的重要组成部分。
查看 VuejsCocoon Stack
当前持续维护的产品矩阵。它把多语言门户、API 网关、短信平台、VPN 面板和社区入口组织成一条可被访问、可被运营、可被扩展的链路。
继续往下看正在建设的 Cocoon 产品矩阵
这部分是“现在进行时”。我希望它们不是孤立页面，而是统一品牌和统一入口下的完整产品组。
Cocoon Home
多语言产品门户，负责品牌入口、产品卡片组织和统一对外展示。
访问站点Cocoon API
OpenAI-compatible API 网关，服务模型聚合、统一分发和后续产品能力接入。
访问站点Cocoon SMS
短信营销和通知平台，关注支付、短信通道与基础后台流程的打通。
访问站点Cocoon VPN
面向全球节点和管理面板的一组服务，重点在交付和稳定可用。
访问站点OpenClaw Gateway
多模型 CLI 与 API 通道的统一网关，用于串联 Claude、Codex、Gemini、Kimi、Qwen 和 API Key 后备链。
访问站点CLI & Protocol Notes
围绕 Codex、Gemini CLI、stdio、MCP / ACP / A2A 的文章和知识沉淀，帮助把“会用”提升到“理解原理”。
查看文章已同步到博客的 最新文章
你的掘金文章现在已经有 67 篇进入博客站内。这里先展示最近同步的 6 篇，完整归档在 `Insights` 页面里。
Electron 打包白屏排查实录：一个 continue_on_error 引发的三天三夜"血案"
本文记录了我在开源项目 AionUi（一个统一 AI Agent 图形界面）中遭遇的一次 Electron 打包白屏事故。从发现问题到最终定位根因，历时三天三夜。如果你也在用 Electron + GitHub Actions 做 CI/C...
阅读全文OpenAI Codex 深入剖析：下一代 AI 编程助手的架构与原理
深入剖析 OpenAI Codex：下一代 AI 编程助手的架构与原理 本文将带你深入了解 OpenAI Codex 的内部架构、设计思路和实现原理。无论你是初学者还是有经验的开发者，都能从中获得对 AI 编程助手的深刻理解。 目录 什么是...
阅读全文Gemini CLI 深度源码分析：从零到一理解 AI 命令行代理的设计与实现
本文基于 Gemini CLI v0.21.0 源码进行深度分析，带你从架构设计、核心原理到实现细节，全方位理解这个 Google 开源的 AI 命令行代理工具。 目录 什么是 Gemini CLI？ 整体架构设计 核心模块详解 记忆系统：...
阅读全文A2A 协议深度解析：AI Agent 协作的新纪元
摘要 ：本文深入剖析 Google 于 2025 年 4 月发布的 Agent2Agent (A2A) 协议，从协议背景、设计哲学、核心架构、实现细节、应用场景到未来展望，全面解读这一 AI Agent 互操作性的开放标准。 目录 什么是...
阅读全文AI Agent 协议演进：从 MCP 到 ACP 的架构对比与未来展望
Multi-Agent 协作的基石：协议标准化探索之路 基于 Google Gemini CLI 和 OpenAI Codex 源码的深度技术剖析 源码版本说明 本文基于以下版本的源码分析： Gemini CLI : v0.10.0-nig...
阅读全文初识 ACP （Agent Client Protocol）
初识 ACP 协议：AI 编码助手的标准化通信协议 从 MCP 到 ACP，探索 AI Agent 生态的标准化之路 目录 一、引言：AI Agent 生态的标准化挑战 二、从 MCP 说起：理解 AI 协议的演进 三、ACP 是什么？ 四...
阅读全文查看全部同步文章
按年份浏览全部 67 篇文章，包括旧的 Vue、部署、小程序和现在的 AI Tooling 专题。
进入归档页我的 社区与内容阵地
不是只有博客。GitHub、掘金、CSDN、Bilibili、Telegram、Discord 都是我持续输出或运营的节点。
旧博客 归档入口
之前的 VuePress 知识库内容没有删，只是首页换成了更适合现在身份和项目方向的新入口。
前端知识库
Axios、CSS、Canvas、JavaScript、React、Webpack、uni-app 等旧内容入口。
进入归档面试题
浏览器、网络、安全、Vue、React、手写题等旧面试专题。
进入归档Vue 实战
Ant Design、Echarts、图书商城、网易云小程序、海风小店等项目记录。
进入归档成长记录
2019 到 2021 的年度总结和成长日记，还保留着很强的时间感。
进入归档读书笔记
JavaScript、HTTP、算法、网络和架构类书籍阅读笔记。
进入归档PHP / Python
保留早期后端和爬虫相关的实践文章，作为技术路径的另一面。
PHP 归档