界面不再只是结果：A2UI 如何重写智能体交互
当模型可以持续更新界面，产品设计的基本单位会从“页面”变成什么？
阅读全文 ↗AI CINEMATIC NOTES / SHOT 001
在墨色里， 重写智能与界面的故事。
我是蔡基培，一名以前端工程化为优势、具备 Java 后端交付能力的全栈开发工程师。 这里记录企业 AI 应用、复杂业务系统与多端工程化实践，也保留每一次从需求到可交付产品的推演过程。
01 / 04
让智能体输出可信、可交互、可持续更新的界面。
CODE●INK●INTERFACE●INTELLIGENCE●STORY●
CODE●INK●INTERFACE●INTELLIGENCE●STORY●
NOW SCREENING
正在放映
CAPABILITY CONSTELLATION
能力地图
从前端体验到后端服务，从业务平台到 AI 链路，把问题推进到可交付结果。
AI 应用全栈
把 React 界面、Spring Boot 服务、向量检索与大模型生成链路连接成可部署的企业 AI 应用。
前端工程
面向复杂中后台、H5、小程序与 Hybrid App，建立稳定、可维护的多端体验与组件资产。
平台与架构
用低代码、Monorepo、多租户与权限体系承接政企及教育场景的长期迭代与定制需求。
交付与业务
覆盖 RESTful API、数据库与缓存、支付链路、容器化部署，把完整业务闭环落到生产环境。
BEHIND THE SCENES
项目档案
三段来自企业 AI、平台架构与复杂交易场景的真实开发实践。
A
企业级 AI 知识库
Enterprise AI knowledge base规划文档切分、向量化、相似度检索与答案生成；以 React、Spring Boot、pgvector、Redis 和 FastAPI 构建可部署链路。
持续建设B
政务教育平台资产体系
Low-code & multi-tenant platform以 LowCodeEngine 和 JSON Schema 驱动表单联动与复用，结合 Monorepo、统一 UI 基准库及 RBAC 支撑多端独立部署。
已交付C
支付与多端业务系统
Payment & cross-platform delivery串联多渠道支付、多币种定价、扫码回调与交易状态治理，并通过 JSBridge 打通 Web、Native 与小程序环境。
已交付FIELD INSTRUMENTS
工具箱
按工作阶段整理的常用器物。这里会逐步补上配置、范式与使用笔记。
AFTER THE CUT
镜头之外，
仍在发生。
没有剪成长片的观察，也值得保留一个镜头。
好的生成式界面不是“模型画页面”，而是让不确定性在一套可靠约束里逐渐显形。
# A2UI解释代码时，架构图不是起点。先让一次点击真的发生，再沿调用链往回走。
# EXPLANATION复用组件的价值，不只是少写代码；更重要的是复用已经被验证过的交互契约。
# DESIGN SYSTEMABOUT THE AUTHOR
把复杂业务，做成可维护的产品。
我有 5 年前端开发经验，长期参与复杂中后台、低代码平台、多端工程化与性能优化。当前持续拓展 Java / Spring Boot 全栈能力，能够协同完成从 React 页面、RESTful API、关系型数据库与 Redis，到 Docker / Nginx 部署的完整链路。
我曾参与汽车、电商支付、仓储、政务和教育等业务系统的从 0 到 1 建设与迭代。这个网站是我的公开工作台：记录可复用的工程经验，也记录企业 AI 应用和 RAG 架构的长期实践。
5 年经验前端工程化Java 全栈企业 AI 应用