Agents
AI Agent 实战
围绕 Agent 工作流、工具调用、长期记忆、自动化编排和真实业务接入，沉淀能直接复用的工程套路。
Ruibin Huang · Personal Site
黄瑞彬
Backend Engineer · AI Agent Builder · 深圳
我想把后端工程能力、AI Agent 实践与个人产品思维，连接成一套能持续放大的个人系统。
我目前在深圳做后台开发，主要参与 HCI 平台功能开发与维护。工作之外，我在持续搭建自己的内容、自动化与个人产品体系：把 AI 工具真正接进工程流程，把零散经验沉淀成长期资产，也把“会做技术”逐步延展成“能做产品”。
Quick Facts
深圳工作 / 后台开发工程师
主线：HCI 平台功能开发与维护
长期关注：AI Agent、自动化、个人产品
日常工具：VS Code、ChatGPT、Codex、Claude Code
Now Building
一个真正属于自己的个人博客与长期积累入口
这个站点不会只是个人介绍页，而会逐步补齐文章、项目、方法论、实验记录和后续产品入口。
Showcase
把博客本身做成首页可见的动态展示
这里放的是基于我个人博客视觉语言专门制作的开场动画：延续深蓝背景、青蓝高亮、个人品牌标识和 AI Agent 主题，让首页除了文字介绍之外，也能先用一段动态画面传达这个站点的气质。
Personal SiteAI AgentMotion Showcase
现在改成了点击播放：先展示封面卡片，点击中间按钮后再开始播放视频。这样在 GitHub Pages 和移动端浏览器里会更稳定，也更符合首页展示区的体验。
About
我是谁，我现在在做什么
我叫黄瑞彬，目前在深圳工作，是一名后台开发工程师。我的主线工作是平台功能开发与维护，长期关注如何把复杂需求拆解成稳定、可维护、可持续演进的系统能力。
这两年我越来越关注另一件事：技术能力如何离开单一项目后，继续形成自己的长期资产。所以我开始系统化研究 AI agent、自动化工作流、个人博客、内容沉淀和产品化方法。
这个站点就是我把这些东西重新组织起来的起点：一半是公开表达，一半是对自己长期主义的一种约束。
Working Style
先跑起来，再持续重构
我更相信小步快跑、快速验证和持续演进，而不是一开始就追求过度设计。
技术必须服务真实问题
无论是平台开发还是 AI agent，我更关注它是否真的省时间、降复杂度、能稳定交付。
把零散经验整理成资产
写博客、做主页、做自动化，本质上都是把短期经验变成长期可复用的积累。
Toolbox
Java / Go / Backend EngineeringNext.js / TypeScript / Tailwind CSSChatGPT / Codex / Claude CodeAgent Workflow / Automation / IntegrationGitHub / Git / GitHub Pages个人知识沉淀与产品化思维
Topics
我会长期持续写的三个方向
Backend
后端工程与系统设计
聚焦平台能力建设、接口设计、稳定性、错误恢复与长期演进，把复杂系统拆成能持续交付的模块。
Build
个人产品与自动化
从 idea 到上线，持续实验博客、自动化脚本、个人工作流和轻量 SaaS，验证独立开发者的产品路径。
Tool Stack
按照截图思路补齐后的完整组件栈
这部分我已经按你发的截图把主要组件都补进来了。当前真正落地并在运行的，是页面、代码仓库和公开部署；其余像数据库、认证、支付、邮件、监控、分析等，都已经在站点架构里预留了正式接入位。
Claude / Codex
编码 · AI Coding
已在日常使用
用于页面开发、代码重构、调试分析和工作流加速，是当前个人开发的第一生产力层。
Vercel
部署 · Deploy
预留接入
未来切换到更完整的动态部署时，会优先接到 Vercel，承接 Next.js 的正式生产环境。
Supabase
后端 · Backend / DB
架构已预留
后续会承接文章、项目、访客线索、订阅数据和个人内容后台，作为托管数据库与后端能力底座。
Namecheap
域名 · Domain
待购买
当站点稳定后，会切到独立域名，形成真正属于自己的长期品牌资产。
GitHub
版本控制 · Git
已接入
当前代码托管、版本历史与公开协作入口，已经作为源码主仓库使用。
Clerk
认证 · Auth
预留接入
后续如果开放后台、会员区或订阅用户访问，将优先使用 Clerk 承接登录与用户身份体系。
Stripe
支付 · Payment
预留接入
等个人产品或付费内容真正跑起来后，再接入订阅和支付闭环。
Resend
邮件 · Email
预留接入
用于订阅通知、文章更新、联系表单自动回复和未来产品邮件能力。
Cloudflare
DNS · CDN
预留接入
后续绑定独立域名后，用于 DNS、CDN 和基础安全加速层。
Sentry
错误追踪 · Error
预留接入
当站点进入真正运营状态后，会接入错误监控，避免线上问题只靠手工发现。
PostHog
分析 · Analytics
预留接入
用于观察访问来源、页面行为、文章点击和后续产品转化，而不是只凭感觉改页面。
Upstash
Redis · Cache
预留接入
后续如果有订阅、限流、缓存或异步任务，会作为轻量缓存/消息能力优先接入。
Pinecone
向量数据库 · Vector
预留接入
如果后面做 AI 知识库、内容检索或个人知识问答，会用它承接向量检索层。
Architecture
这个站下一步会如何从“展示页”进化成“完整系统”
展示层
Next.js + Tailwind CSS负责首页、文章、项目展示和后续内容页，当前已经跑在静态导出模式。
代码与协作
GitHub承接源码、提交历史、分支协作和后续自动化部署触发点。
正式部署
Vercel当前先用 GitHub Pages 公开上线，后续切到 Vercel 承接完整动态能力。
数据库与后端
Supabase后续放文章数据、项目数据、订阅线索与内容后台，同时承接存储与服务端能力。
认证与用户
Clerk如果未来开放后台、私密内容或会员功能，用来承接登录、会话与身份管理。
支付闭环
Stripe + Resend将来一旦有付费内容、服务或产品，就把支付和邮件通知一起补上。
观测与增长
Sentry + PostHog + Upstash分别负责错误监控、行为分析、缓存/限流，让站点从展示页进化成能运营的系统。
AI 能力层
Pinecone为后续个人知识库问答、内容语义检索和 Agent 内容能力预留扩展位。
Current State
现在已经落地了什么
1. 个人站点首页已经搭好，并且已经公开部署上线。
2. 页面结构、视觉风格、SEO 基础、公开地址和代码仓库已经具备。
3. 现在已经预留 Supabase 内容层，之后可直接把页面内容迁到数据库驱动。
Next on Site
补充真实文章内容，而不是只放文章计划
增加项目详情页与文章详情页
切换到 Vercel + Supabase 的正式动态架构
接入统计、错误监控、邮件订阅与独立域名
Writing Plan
不是空文章区，而是明确的写作计划
01
准备中把 AI Agent 从 demo 做成可长期运行的产品
我会拆开讲工具接入、状态持久化、失败重试、权限边界和成本控制，尽量写成一篇工程师看完就能照着搭的文章。
专题长文 · 预计 12 分钟
02
准备中后端工程师为什么应该尽早做自己的个人站点
不是为了好看，而是为了沉淀方法论、项目资产和长期信用，让你的能力不只存在于公司代码库里。
思考随笔 · 预计 6 分钟
03
准备中从 0 到 1 做一个个人博客：架构、部署与内容组织
记录这个站点本身的搭建过程，包括 Next.js 页面结构、免费部署、路径适配，以及后续如何接入文章系统。
实战笔记 · 预计 8 分钟
04
长期更新AI 工具怎么真正接进日常工程流程
我会持续记录在开发、调试、部署、桌面自动化、消息代办场景里，哪些 AI 用法是真能节省时间的，哪些只是看起来厉害。
长期专栏 · 持续更新
Perspective
我希望这里长期长成什么样
我不想做一个只有头像、职位和联系方式的静态名片，而是想把这个站点做成“个人工程系统”的公开入口。
对外，它展示我在做什么、在想什么、有哪些长期方向；对内，它逼着我把原本只存在于对话、代码和笔记里的经验整理成可复用的方法论。
所以接下来这里会优先补充真实文章、项目说明和实验记录，而不是堆砌花哨组件。
Why This Matters
如果站点只停在漂亮首页，那它更像一个模板；只有把文章、项目、数据库、监控和增长链路逐步补齐，它才会真正变成我的长期资产。
你刚刚让我按截图组件继续搭，这一步的意义就是：把“未来要接什么”明确写进站点本身，让这个博客不只是展示结果，也展示演进路线。
Projects
当前投入的项目与长期方向
HCI 平台能力建设
当前工作的主战场。重点是平台功能开发与维护，把需求、接口、权限、稳定性与可维护性组合成一条可持续演进的交付链。
Backend · Platform · Reliability
AI Agent 自动化实验室
围绕工具调用、浏览器操作、桌面自动化、消息编排和工作流执行，持续探索 AI 真正替人完成任务的边界。
AI Agent · Workflow · Automation
个人品牌与内容系统
把博客、项目展示、思考笔记和产品实验串成同一套长期资产，而不是零散地散落在聊天记录和本地文档里。
Brand · Blog · Product
Timeline
工作与成长时间线
我不想把经历写成流水账，更想把它整理成“今天为什么会关注这些事情”的路径说明。
深圳 · 后台开发工程师
主要负责 HCI 超融合产品的平台功能开发与维护。日常关注的是系统稳定性、接口设计、复杂需求落地和长期可维护性。
系统化研究 AI 工具链
开始把 ChatGPT、Codex、Claude Code 等工具从“辅助问答”升级到“直接接入开发流程”，逐步形成自己的 AI 协作方式。
构建自己的产品矩阵
从个人博客与项目主页开始，继续延展到 AI 工作流、效率工具和能真实服务于个人生产力的轻量产品。
Contact
如果你也在做 AI agent、自动化、后端平台或个人产品，欢迎交流。
这个站点接下来会继续补充文章、项目细节和实验记录。你也可以把它理解成我公开构建个人产品矩阵的起点。当前我更适合交流的话题包括：后端工程、Agent 工作流、个人知识沉淀、博客与产品化实践。