I wear a…
hat.

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

Distinct people (one PostHog person per browser/device) with at least one pageview, since this site started tracking. No 30-day window on this one.All-time visitors71
Average session length, counting only sessions of 10+ seconds — quick bounces are excluded so a one-glance drive-by doesn’t drag the average down.Avg. visitNot enough data yet

01UX/UI Cases

UX/UI Cases

Recent works for agentic systems and complex SaaS.

Beever Atlas

Enterprise AI memory center ·

An enterprise agent memory system that turns scattered team chat and personal data sources into a wiki.

AXUX/UIGTM
Beever Atlas product UI

Votee Design System

Design system · 2026

A versioned design system — spec, component library and assets used by teammates and agents.

Systematic taxonomy3rd PartyAG-UI
The third-party logo story in Storybook, showing the AI Models and AI Agents groups with per-mark copy and download actions

Xprop (大廈通)

PropTech / property management ·

Through web management portal and WhatsApp to streamline property management.

DiscoverySaaSUX
The Xprop management portal beside the WhatsApp tenant chat, over Victoria Harbour

03How I work

Two worlds, one toolbox

I use both manual and agentic tools, whichever deliver the results.

The traditional half

Classic tools are there for a reason.

  • Excel — Accessible for all AI-readiness teammates.

  • Figma — Where I think through ideas and collab with teams.

  • Notion — My digital notebook, extra context source for AI Agents.

  • Linear — PM platform for roadmaps, milestones, and issues.

  • JIRA — No choice if we have to use. Enterprise standard.

  • Miro — Discovery workshops for design thinking, team sync.

  • Framer — Fast, shareable prototypes when a static web.

  • Webflow — Marketing sites shipped without spending a dev sprint.

  • Adobe Creative Suite — Brand, print, and the graphic-design.

  • Optimal Workshop — Ran Treejack tree-testing for UX study.

  • Hotjar — Heatmaps and replays — where the UI actually loses people.

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

  • Google Analytics — Funnels and drop-offs to check a design decision.

  • Tableau — BI dashboard and funnels at a glance.

The AI-native half

The new LEGO bricks I keep learning.

  • Claude Code — My day-to-day helpers.

  • Cursor — Tread this as an IDE place for repos.

  • MCP — Connect to different sources for AI Agents.

  • Beever Atlas — Eat-your-own-dog-food AI memory system.

  • PostHog — Product analytics for the things we shipped.

  • Storybook CLI — Design system integrated with AI workflows.

  • AWS CLI — Let CC help me deploy faster.

  • GWS CLI — Let CC acess my Google Workspace.

  • Lovable — Quick and handy prototype option.

  • Playwright — Behavioural driven testing for our products.

  • Langfuse — LLM observability. See what the models actually did.

  • Ollama — Edge-device LLM let me work on planes. And free

  • Stitch — Spins up design.md / UX-UI concepts before I touch Figma.

  • Deepwiki — Points me at OSS repos and actually explains them.

  • GLM — Cheap tokens for the simple stuff, saves the good model.

04Events

Recent events

  • 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

Most of my skills at a glance.

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
  • context7
  • deepwiki
04

Product

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

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)