跳到正文
曾亮懿 ZengLiangYi Blog
能力与实践

从前端到
AI 产品实践

下面按方向整理我做过的前端、AI 工具和全栈工作,附上对应的项目和文章。

前端与应用

前端与跨平台开发

前端主要用 TypeScript 写 React、Vue 和 Next.js,也用 Flutter 和 Electron 做过应用。

我比较在意组件怎么拆、状态和数据怎么流,也在意界面在不同设备上好不好读、好不好用。工具按场景选。

阅读 Token 刷新并发问题的处理记录

关注点

  • Web 界面 — 用 React、Vue 和 Next.js 组织页面、组件和交互。

  • 跨平台应用 — 用 Flutter 和 Electron 做过 Web 之外的应用。

  • 类型与状态 — 用 TypeScript 约束数据形状,留意异步状态和组件生命周期。

  • 交互体验 — 检查响应式布局、交互反馈和键盘操作,让功能容易理解和使用。

  • 前端工程 — 用 Vite 等构建工具和可复用组件,把项目结构理清楚。

AI 与工具

AI Agent 与开发者工具

日常开发离不开 AI,我在琢磨怎么把和它的编程对话整理下来、需要时找回,再交给 Agent 继续用。

ChatCrystal 是这方面的尝试:数据存在本地,把 AI 编程对话整理成笔记,再通过语义检索、标签图谱、CLI 和 MCP 接到后续的工作流里。

查看 ChatCrystal 项目

关注点

  • 对话整理 — 把零散的 AI 编程对话整理为有标题、摘要和标签的笔记。

  • 语义检索 — 通过语义查找和关联信息,找回与当前问题相关的经验。

  • 知识关联 — 用标签图谱展示笔记之间的联系,方便回顾。

  • Agent 记忆 — 通过 MCP 让 Agent 检索和记录可复用的项目经验。

  • 开发者工具 — 用 CLI、浏览器扩展和自动化流程处理开发中反复遇到的问题。

全栈与交付

全栈交付与工程实践

后端写 Python 和 Node.js,配合自动化脚本和 Docker,把项目从本地开发带到线上能跑的服务。

我在意接口约定、配置、出错时的状态和维护成本。用 Docker 和 GitHub Actions 把构建、验证和交付固定下来,下次能照着重复,出了问题也好查。

查看网络错误报告工具

关注点

  • 接口与数据 — 连接前端与后端服务,明确请求、响应和异常处理方式。

  • 容器部署 — 使用 Docker 整理运行环境、服务配置和部署流程。

  • 自动化流程 — 借助 GitHub Actions 和脚本执行重复的构建与验证步骤。

  • 性能与可靠性 — 从实际加载、异步状态和错误场景出发,判断实现是否稳定可用。

  • 持续迭代 — 记录设计取舍、使用反馈和验证结果,为下一次改进保留依据。

方法

从问题到可用的实现

下面是我处理一个问题的大致顺序。

1

确认问题

还原场景、预期和限制条件,把模糊现象转成可以验证的问题。

2

缩小范围

找到最小复现与关键变量,区分根因、触发条件和表面症状。

3

实现并验证

选择范围合适的方案,同时检查成功路径、失败路径和边界情况。

4

记录与迭代

说明方案成立的条件与取舍,结合使用反馈继续改进,并整理为代码或文章。

常见问题

关于能力与合作

先把技术范围、沟通方式和预期说清楚。

技术与内容

你主要做哪些方向?
主要是前端与跨平台开发、AI Agent 与开发者工具,以及后端接口、自动化和部署等全栈实践。
你用哪些技术?
本站用 Astro。其他项目里用过 React、Vue、Next.js、Flutter 和 Electron,按场景选。
在哪里能看到你的 AI 工具实践?
可以查看 ChatCrystal,了解编程对话导入、笔记整理、语义检索和 MCP 的实现。
你怎么验证实现?
根据风险选择类型检查、测试、生产构建或浏览器验证,同时检查失败路径,并说明结果成立的条件。
文章的英文版本如何更新?
文章的英文版本单独维护,译文完成后发布。有对应译文的文章可以通过语言切换入口访问。

沟通与合作

项目合作如何沟通?
可以先通过邮件说明目标、范围和时间;是否合适会根据当时安排与具体需求确认。
可以远程沟通吗?
可以。邮件适合先整理背景和问题,后续再根据需要选择其他沟通方式。
联系前需要准备完整需求吗?
不需要。先说明当前问题、想达到的结果和已有材料,就足够开始判断方向。
什么时候能给出时间评估?
需要先了解范围、依赖和验收标准,再判断可行的时间安排。
怎么联系你?
可以使用联系页表单、发送邮件到 contact@zengliangyi.com,或通过公开社交账号留言。

有具体问题或合作想法?

告诉我背景、目标和你已经尝试过的方案,我们可以先交流方向和可行性。