Skip to content

项目作品集 · 11 个工程实践

把想法做成可以运行的东西

这里收录的不只是 Demo,也包括架构拆分、交付链路和稳定性建设。点开卡片可以直接体验项目,源码与完整复盘也都留在卡片里。

由组件面板、画布和独立运行时组成的低代码平台构图

LOW-CODE PLATFORM

用 Module Federation 搭一个低代码平台

把编辑器、物料和运行时拆成可独立发布的模块,让低代码页面从搭建到交付真正跑起来。

  • Module Federation
  • React
  • 可视化搭建
由发光节点和连线组成的智能工作流编排器构图

WORKFLOW ENGINE

Logic Composer:用 DSL 驱动一个智能工作流编排器

用一套可读、可执行的 DSL 描述流程,把节点编排、条件分支和执行反馈放进同一个工作台。

  • DSL
  • 流程编排
  • 智能工作流
多步骤动态问卷和 JSON 配置面板构图

DYNAMIC FORM

通用动态问卷:用 JSON 配置驱动多步骤表单

把字段、步骤、联动和校验收进 JSON Schema,一套 SDK 适配不同业务问卷。

  • JSON Schema
  • SDK
  • 多步骤表单
包含审批节点、分支和状态标识的流程设计器构图

AUDIT DESIGNER

通用审核系统:用 X6 画出审批流程

用图编辑器呈现审批节点、条件和流转关系,让复杂审核流程可配置、可预览、可落地。

  • AntV X6
  • 审批流
  • 流程设计器
由异常曲线、堆栈定位和告警信号组成的前端监控平台构图

OBSERVABILITY

前端监控告警平台:从 SDK 到 SourceMap 和告警闭环

覆盖异常采集、SourceMap 还原、问题聚合和告警通知,把“线上报错了”变成可定位、可跟进的事件。

  • Monitoring SDK
  • SourceMap
  • 告警
由 AI 核心、组件模块、灰度发布和观测面板组成的平台构图

AI INFRASTRUCTURE

AI Component Platform:可灰度、可观测、可部署的 AI 组件

把模型能力封装成前端可消费的组件,并补齐版本、灰度、指标和部署环境管理。

  • AI Components
  • 灰度发布
  • 可观测性
模型核心连接工具协议和向量知识库的 Agent 构图

AI AGENT

Simple LLM + MCP + RAG:不用框架搭一个知识库 Agent

从模型调用开始,手工串起工具协议、知识检索和上下文组装,弄清 Agent 每一层到底做了什么。

  • LLM
  • MCP
  • RAG
由 Headless 组件积木、主题色板和 Monorepo 包组成的组件库构图

DESIGN SYSTEM

KUI 自研 React 组件库:从 Monorepo 到 Headless 与发布流水线

围绕 Headless 组件、主题能力、文档站和自动发布,搭建一套可以长期演进的 React 组件工程。

  • React
  • Headless UI
  • Monorepo
Node.js 服务通过负载均衡连接缓存、数据库与熔断器的高可用构图

HIGH AVAILABILITY

Node.js 高可用实战:无状态、读写分离、缓存与熔断降级

用一套可运行的服务串起高可用常见手段,观察缓存命中、数据库降级和故障恢复时系统如何响应。

  • Node.js
  • 缓存
  • 熔断降级