嗨👋 欢迎来到 「许昆瑜」 的个人网页

Design Engineer · AI · E-commerce

深入工程,在电商 SaaS 探索 AI 与交付的边界

在电商 SaaS 全链路做工程与体验的交付,用 AI 放大判断力,用数据校验直觉。

关于

背景与方向

现在在做

在 ThoughtWorks 做电商 SaaS 全链路前端工程,现参与跨团队 AI Playbook 的探索与撰写。

技术栈

  • React
  • TypeScript
  • Next.js
  • Tailwind CSS
  • Node.js
  • GraphQL
  • Claude API
  • Vertex AI
  • ECharts
  • MicroFrontend
  • Mixpanel
  • Azure

有建筑学和 UX 的背景,转到前端之后发现这些经历带来了一种特别的视角——习惯从整体动线往下看,而不是从单个功能往上建。这让我更容易在需求还没清晰的时候就注意到链路里的断点,比起等问题暴露,更想在上游就把它找出来。

这个视角来自动线思维——理解用户在哪里卡住,比理解他们「想要什么」更接近问题的根。

在工程和体验的交叉点工作,一直觉得「能不能交付」和「值不值得交付」同样重要。AI 的出现让这件事变得更有意思——不只是把开发提速,更像是一个重新审视交付方式本身的机会。

现在把这些拆成文章和 demo,系统验证 AI 在电商 SaaS 每一层的真实介入价值。

探索方向

  • 电商 SaaS 全链路从 Discovery 到 Checkout 逐层拆解与实验
  • AI Agent 工程化Claude API / tool calling 真实落地
  • Design Engineering在工程与体验的交叉点做交付

经历

工作经历

ThoughtWorks

2022.12 – 至今

软件开发工程师

作为项目前端主力成员,深度参与了微前端购买流程重构(Module Federation)与 SPA 购买体验优化,技术上做过性能调优、新国家 rollout 的 config 配置、微前端跳转重定位这些前端专项工作。一直在探索怎么把 AI 真正用进交付节奏里——AI 辅助 UI 需求快速变更上线、Figma API 驱动的 i18n 自动化方案、Figma MCP 生成 UI 组件框架,一步一步把「AI 加速开发」从概念变成团队可复用的实践。

业务侧有机会以 feature owner 身份完整主导过几个用户体验向的小功能,从技术方案到埋点设计、再到生产部署全程跟完。团队层面在推动生产 support 流程的梳理与 AI 辅助排障的落地,也参与了跨团队 AI Playbook 的探索和撰写——交付功能是基线,也想让团队整体的工作方式变得更好一点。

项目

精选项目与实验

Human vs AI Judge

● LIVE

AI · GAME · E-COMMERCE

Human vs AI Judge

当 AI 已经做出判断,谁来按那个确认键?与 AI 同场竞技,对真实电商售后工单做意图分类,实时对比人类、Claude、GPT 三方判断差异。

查看 Demo →
EaseBuy

◆ HACKATHON ★ TOP 10

UX DESIGN · E-COMMERCE · MOBILE

EaseBuy

UXcel × UX Pilot 竞赛 Top 10 获奖作品。以「无感购物」为核心,11 个页面覆盖完整电商链路——极简留白、卡片式信息架构、透明结算流程。用 AI 辅助完成从线框到高保真的全流程。

查看提交 →
Spec-Driven Scenario Updater

◆ HACKATHON

AI AGENT · GITLAB HACKATHON

Spec-Driven Scenario Updater

GitLab AI Hackathon 参赛项目。以「规格鸿沟」为切入点——业务逻辑在产品、设计、开发之间反复翻译导致的失真。用单一 spec 数据源驱动 AI 自动生成代码、测试与文档。

查看提交 →
Brooch Shop

● LIVE

AI AGENT · E-COMMERCE

Brooch Shop

筛选器解决不了的问题,Agent 从这里开始。用 Claude API + tool calling 构建的 AI 导购 agent,演示自然语言意图理解如何替代传统多级筛选。

查看 Demo →
Prompt Shop

● LIVE

CHECKOUT · STRIPE

Prompt Shop

完整电商购物流程实验场,Stripe Checkout 集成,覆盖从商品列表到支付完成的全链路。

查看 Demo →
Human vs AI Judge

● LIVE

AI · GAME · E-COMMERCE

Human vs AI Judge

当 AI 已经做出判断,谁来按那个确认键?与 AI 同场竞技,对真实电商售后工单做意图分类,实时对比人类、Claude、GPT 三方判断差异。

查看 Demo →
EaseBuy

◆ HACKATHON ★ TOP 10

UX DESIGN · E-COMMERCE · MOBILE

EaseBuy

UXcel × UX Pilot 竞赛 Top 10 获奖作品。以「无感购物」为核心,11 个页面覆盖完整电商链路——极简留白、卡片式信息架构、透明结算流程。用 AI 辅助完成从线框到高保真的全流程。

查看提交 →
Spec-Driven Scenario Updater

◆ HACKATHON

AI AGENT · GITLAB HACKATHON

Spec-Driven Scenario Updater

GitLab AI Hackathon 参赛项目。以「规格鸿沟」为切入点——业务逻辑在产品、设计、开发之间反复翻译导致的失真。用单一 spec 数据源驱动 AI 自动生成代码、测试与文档。

查看提交 →
Brooch Shop

● LIVE

AI AGENT · E-COMMERCE

Brooch Shop

筛选器解决不了的问题,Agent 从这里开始。用 Claude API + tool calling 构建的 AI 导购 agent,演示自然语言意图理解如何替代传统多级筛选。

查看 Demo →
Prompt Shop

● LIVE

CHECKOUT · STRIPE

Prompt Shop

完整电商购物流程实验场,Stripe Checkout 集成,覆盖从商品列表到支付完成的全链路。

查看 Demo →
Human vs AI Judge

● LIVE

AI · GAME · E-COMMERCE

Human vs AI Judge

当 AI 已经做出判断,谁来按那个确认键?与 AI 同场竞技,对真实电商售后工单做意图分类,实时对比人类、Claude、GPT 三方判断差异。

查看 Demo →

文章

精选文章与笔记