Jason Chen前端工程 · 深圳
聊一聊

Jason Chen

工程师，也是构建者。

FRONTEND ENGINEERING · AI & AUTOMATION

把复杂系统
做成好用的产品

你好，我是 Jason，一名在深圳工作的高级前端工程师。从可视化编辑器到个人开源项目，从跨平台应用到 AI 工作流，我关注的不只是界面，更是界面背后真实运转的系统。

看看我的开源项目认识一下
向下探索

思考与构建

从真实问题
到可用系统

好的工程，不止于实现一个界面。我习惯把需求、状态、协议和执行连起来，让每一次设计选择都有来处，每一个交付结果都能被验证。

THE ENGINEERING LOOP

先理解问题，再确定边界。

从用户要完成的任务出发，理清场景、约束与验收标准。让需求成为可以讨论、可以验证的共同语言。

INTENT / MODEL / INTERFACE / EVIDENCE

开源作品

写在代码里的
长期主义

把重复遇到的问题，做成可以复用的工具。这里是我持续探索可视化、开发体验与跨平台交互的几个开源项目。

GitHub 公开数据 · 2026.10.31 快照

01开源

Mxgraph-EasyFlowEditor

可视化流程编辑器

VuemxGraphVisual editor

基于 Vue 与 mxGraph 的流程编辑器，探索从节点、连线到业务流程的可视化编排。让复杂逻辑拥有可以直接操作的形状。

213stars48 forks查看项目
从拖拽节点到流程编排。 下载短片
02开源

D3-EasyFlowRender

数据驱动的流程渲染

D3.jsSVGData visualization

用 D3.js 将流程数据变成可阅读的图形，在结构与呈现之间建立连接，探索更灵活的可视化表达。

43stars6 forks查看项目
布局、关系与节点详情，一眼看清。 下载短片
03开源

Flutter-EasySpeechRecognition

端侧实时语音识别

FlutterDartSherpa-ONNX

基于 Flutter 与 Sherpa-ONNX 的端侧实时语音识别应用，支持按需下载模型、音频流处理与识别结果展示，让声音在本地变成文字。

34stars9 forks查看项目
从模型准备到端侧语音识别。 下载短片
04开源

Monaco-EasyCodeEditor

可嵌入的代码编辑器

Monaco EditorVueDeveloper tools

基于 Monaco Editor 封装的代码编辑器组件，连接编辑能力与业务界面，探索可复用的开发者工具体验。

27stars11 forks查看项目
从代码输入到差异对比。 下载短片

还有这些探索

JsPlumb-EasyFlowEditor另一种流程编排实现☆ 24 Webpack5Mfp-Node-Nacos微前端与服务发现☆ 22

AI 协作开发

dev-skills

让 AI 开发，有章可循。

给 Claude Code 和 Codex 的 13 个开发技能。把需求、方案、实现、验证和评审接起来，按任务与风险选用。

查 API 契约、从 UI 图生成代码、定位 bug；不知道下一步时，让 dev-auto 推荐。

访问项目网站 查看源码

观看一镜到底短片00:24

穿行于技能与开发流程之间。下载短片

个人产品探索

YourDream Studio

让创作的每一步，连接起来。

围绕 AI 创作探索桌面工作空间，把灵感发现、素材整理与画布编排放在同一条创作路径里。

观看产品短片00:48

从灵感、素材到画布的创作流程。下载短片
去 GitHub 看更多

关于我

不只是写代码
更喜欢造东西

我是一名高级前端工程师，工作与生活在深圳。关注可视化编辑、跨平台应用、设备交互和 AI 工具，也喜欢把项目中的真实问题，沉淀成可以分享的代码与方法。

常用的工具箱

Interface
Vue · React · TypeScript · D3.js
Platform
Flutter · Electron · Web
Connected
WebSocket · BLE · Serial · WebRTC
Workflow
Node.js · AI agents · Monorepo

“Not a coder. A builder.”

保持连接

有想法，
一起做出来。

关于产品、工程、开源，或一个值得解决的问题。

写封邮件