Hong Kong · AI-native UX/UI Designer · Product Design

I wear a…
hat.

I'm an AI-native UX/UI designer. I map the system in Figma, then build and ship it with AI agents.

Mostly agentic and complex SaaS — end-to-end flows, design systems, and the craft in between.

01UX/UI Cases

Three agentic products, designed end to end

Owned end to end: research, UX, UI, and the design system underneath — for agentic and complex SaaS.

Beever Atlas

Enterprise AI memory center · 2026 — present

An open-source memory system that turns scattered team chat into a permanent, cited, permission-aware wiki — for people and for the agents working beside them.

  • Wiki-first knowledge UX for a complex, multi-user SaaS
  • Trust as an interface: "Viewing as", per-fact visibility, no metadata leaks
  • Brand identity plus a developer-facing explainer, built hands-on
Agentic SaaSKnowledge UXTrust & permissionsBrand identityMCP
Read the case
Beever Atlas Q&A chat interface
The same deck slide rendered in the Vivid Spectrum and Monolith Precision design languages

Votee Design System

Design system · design-as-code · 2026

Two intentional design languages — warm Vivid Spectrum and cool Monolith Precision — specced to the token, shipped as the same 129-slide showcase in each, and regenerated by script.

  • Two deliberate opposites under one token discipline
  • 129 slides rendered slide-for-slide in both languages
  • 300 soft-3D product marks across six products, on one style guide
Design SystemDesign TokensTypographyLogo SystemDesign-as-code
Read the case
Xprop landing page

Xprop (大廈通)

PropTech / property management · 2024 — 2025

A Cantonese-speaking WhatsApp channel for tenants and front-line staff, backed by a portal with dashboards, ticketing and AI document processing.

  • Discovery workshops with front-line property staff, run hands-on
  • Real paper documents translated into product requirements
  • Four user types, one coherent end-to-end journey
DiscoveryMulti-user SaaSConversational UXDocument AIBrand
Read the case

02Where I've been

From design craft to AI-native products

Nov 2019 – Jan 2021

SoGroups Holdings

Associate

Marketing campaigns and branding for B2C e-commerce and B2B clients.

Jan 2021 – Jan 2022

EY – Mtel Solutions

UX/UI Designer

Designed two client AI projects (AR & ML for O+O) — user testing into 16+ shipped iterations.

Jul 2022 – Jul 2023

Viu (PCCW)

Product Designer

Owned the WCAG-accessible web and app design systems; shipped 30+ prototypes and flows.

Jun 2024 – present

Votee AI

Product Manager

Designed six agentic AI products end to end — UX, UI, and the Storybook design system that keeps them coherent.

03How I work

Two worlds, one toolbox

I never dropped the spreadsheet to pick up the agent. The craft is knowing which half of the toolbox a problem actually needs.

The traditional half

The tools that never stopped earning their place.

  • ExcelAccessible for all AI-readiness teammates.

  • FigmaWhere I think through ideas and collab with teams.

  • NotionMy digital notebook, extra context source for AI Agents.

  • LinearPM platform for roadmaps, milestones, and issues.

  • JIRANo choice if we have to use. Enterprise standard.

  • MiroDiscovery workshops for design thinking, team sync.

  • FramerFast, shareable prototypes when a static web.

  • WebflowMarketing sites shipped without spending a dev sprint.

  • Adobe Creative SuiteBrand, print, and the graphic-design.

  • Optimal WorkshopRan Treejack tree-testing for UX study.

  • HotjarHeatmaps and replays — where the UI actually loses people.

  • SlackTeam chat, and Slack came from a gaming company?!

  • Google AnalyticsFunnels and drop-offs to check a design decision.

  • TableauBI dashboard and funnels at a glance.

The AI-native half

The newer layer I keep folding into how I work.

  • Claude CodeMy day-to-day helpers.

  • CursorTread this as an IDE place for repos.

  • MCPConnect to different sources for AI Agents.

  • Beever AtlasEat-your-own-dog-food AI memory system.

  • PostHogProduct analytics for the things we shipped.

  • Storybook CLIDesign system integrated with AI workflows.

  • AWS CLILet CC help me deploy faster.

  • GWS CLILet CC acess my Google Workspace.

  • LovableQuick and handy prototype option.

  • PlaywrightBehavioural driven testing for our products.

  • LangfuseLLM observability. See what the models actually did.

  • OllamaEdge-device LLM let me work on planes. And free

04Recently around

Out of the building

  • Global Service Jam 2026Global Service Jam 2026HelperMar 2026
  • Lovable — She BuildsLovable — She BuildsFacilitatorMar 2026
  • Votee — Vibe Design Thinking WorkshopVotee — Vibe Design Thinking WorkshopMain HostApr 2026
  • AI Tinker — A2UI & AG-UI HackathonAI Tinker — A2UI & AG-UI HackathonParticipantJun 2026

05Skills

The full inventory

Straight from the resume — languages, design and product craft, tooling, and the AI layer on top.

01

Design

  • Design systems
  • User research
  • Usability testing
  • Wireframing & prototyping
  • User flows & journeys
  • Interaction design
  • Responsive web design
  • WCAG accessibility
  • A/B testing
02

AI knowledge

  • AI agents
  • AI memory
  • LLM
  • Agent skills
  • A2A
  • MCP
  • RAG
  • Model metering
  • Agent swarms
  • ASR / TTS
  • Ollama
  • LM Studio
  • AG-UI
  • A2UI
  • AEO
03

Vibe-coding

  • Claude Code
  • Cursor
  • GitHub Actions
  • Oh-my-claudecode
  • Playwright
  • Lovable
  • v0
04

Product

  • Product discovery
  • Product delivery
  • Roadmapping & prioritisation
  • Product analytics
  • Data-driven development
05

Design & product tooling

  • Figma
  • Storybook
  • Webflow
  • Hotjar
  • PostHog
  • Google Analytics
  • Linear
  • Notion
  • Tableau
  • JIRA
  • Miro
  • Confluence
  • GitHub
  • Docker
  • Vercel
  • AWS CLI
  • GWS CLI
06

Coding

  • HTML
  • CSS
  • JavaScript
  • Python
  • React.js
  • React Native
  • Git
  • Mermaid
07

Languages

  • Cantonese (native)
  • English (fluent)
  • Mandarin (fluent)