---
title: 能力与实践
description: 曾亮懿的技术方向：前端与跨平台开发、AI Agent 与开发者工具、全栈交付与工程实践。
image: "https://zengliangyi.com/og/default.png"
---

能力与实践

#   从前端到

AI 产品实践

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

前端与应用 AI 与工具 全栈与交付                                  前端与应用

##  前端与跨平台开发

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

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

[阅读 Token 刷新并发问题的处理记录](/blog/token-refresh-race-condition)

### 关注点

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

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

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

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

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

AI 与工具

##  AI Agent 与开发者工具

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

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

[查看 ChatCrystal 项目](/projects/chatcrystal)

### 关注点

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

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

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

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

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

全栈与交付

##  全栈交付与工程实践

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

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

[查看网络错误报告工具](/projects/network-error-reporter)

### 关注点

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

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

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

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

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

方法

##  从问题到可用的实现

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

1

### 确认问题

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

2

### 缩小范围

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

3

### 实现并验证

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

4

### 记录与迭代

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

常见问题

##  关于能力与合作

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

### 技术与内容

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

### 沟通与合作

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

##  有具体问题或合作想法？

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

[联系我](/contact) [了解我](/about)

```json
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "ZengLiangYi Blog",
  "alternateName": [
    "Zeng Liangyi",
    "ZengLiangYi",
    "zengliangyi.com"
  ],
  "url": "https://zengliangyi.com",
  "description": "曾亮懿的个人网站。记录 AI Native 探索、开发者工具与全栈产品实践。"
}
```