AI 驱动 · SaaS 产品设计 / Design System Lead
专注 To B SaaS 复杂业务体验设计，主导 Design System 与代码组件库从 0 到 1（100+ 组件），将 AI 工具全程融入需求拆解、交互方案、组件文档与 React Demo，推动产品从设计走向可上线交付。
AI Product Design
运用 ChatGPT / Claude / Cursor 全程 AI 辅助，从需求拆解、信息架构到 React 上线，构建可配置化的多资源场地智能预约与管理平台。
主导 Pisell Design System 从 0 到 1，沉淀 100+ 设计与代码组件，探索 AI 辅助推荐组件、生成页面与检查规范的 AI-ready 文档体系。
将 AI 工具融入需求拆解、竞品研究、交互方案、组件文档、代码原型与上线验证全流程，构建 AI 驱动的 SaaS 设计交付体系。
为零售 SaaS 平台 Pisell 设计的员工登录身份认证模块，多员工切换、PIN 键盘输入、响应式跨端适配，AI 辅助从设计到 React 完整交付。
月视图资源预约日历，支持多楼层房间管理、预约状态可视化、拖拽移动、深浅色主题切换，全程 AI 辅助设计与 React 实现。
零业务逻辑纯布局层组件，双轴模式（时间纵轴/横轴）+ 3大场景 Demo（场地/宠物寄养/美发），Render Props 架构，可直接发布为 npm 包。
澳洲室内儿童游乐场 Pisell 预约系统 Demo，VIP 生日包房（D01-D05）+ 标准场票务管理，基于 ChessboardLayout 组件，全程 AI 辅助开发与上线。
设计工程化
2020年起
设计系统是技术组件、可重复设计组件、工作流程、设计指南、使用规则和模式的集合。
从本质上讲，它们是一个平台，汇集企业可以用来创建产品的所有资源。
UI development
2020年起
“Design Token 是一些集中存储的 UI 元素信息，比如颜色、字体、间隔、动画等等。他们可以根据需要被转换为不同平台的代码，比如 Android、iOS 或 Web。”
组件化
2018年起
早在 Web 时代我们就有了 Components 的概念，输入框、按钮、文字、链接、下拉菜单… 从网页开始出现，这些元素就已经被大家所认知、牢记。无论页面的设计如何变化，它们基本上都是由这些组件所组成的。
