01

My Tools

Personal workbench configured for rapid execution, design precision, and keyboard-first workflows.

Figma
Interface architecture, token sync & interactive prototyping
Raycast
Hotkey command hub & snippet scripts
Framer
Production physics motion & shaders
FIGMA·RAYCAST·FRAMER
02

Design System

Scalable token hierarchy, geometric type curves, and production-ready component primitives.

Type ScaleRatio 1.25
DisplayDisplay Aa32px
H1Headline24px
H2Subheader18px
BodyRegular14px
CaptionMeta mono11px
ButtonPrimary · Ghost
InputDefault · Focus
BadgeDot · Pill
#09090B
#18181B
#6366F1
#10B981
#F59E0B
#A1A1AA
TOKENS·RADIX UI·TAILWIND
03

Knowledge Base

Living digital garden organizing mental models, architecture notes, and UX design decisions.

01.B端表单设计原则
#B端#方法论4 min
02.UI 状态机与确定性交互
#架构6 min
03.Design Tokens 架构指南
#规范8 min
04.SaaS 权限系统心智模型
#复盘#SaaS5 min
WRITING FREQUENCYACTIVE GARDEN
#UX_SYSTEM #MENTAL_MODEL #DESIGN_TOKENS #STATE_MACHINE #B2B_IA
OBSIDIAN·NEXT.JS·MDX