Tattoo

Cats

Bass

Cooking

True Colors: A Decade

About Me

An engineer who doesn’t look like one

Photos of me with long hair

I’m a front-end developer, sometimes dabbling in product design and a bit of not-so-serious full-stack work.

I grew up in Chaozhou’s ancient town and now live in Guangzhou. I’ve always been surrounded by Lingnan and Hong Kong culture, and I mostly speak Cantonese and Teochew in daily life.

I’m into being on my own, raising cats, long hair, tattoos, rock & metal, and cooking — all the good stuff.

Learn more >

Recent Blog

Tech Insights, Product Design & Life Musings

An Oxc-first workflow package for Oxlint and Oxfmt

An Oxc-first workflow package for Oxlint and Oxfmt

I have been following the Oxc project for quite a while. After seeing it enter the 1.x line some time ago, I had wanted to put together a configuration for it, and over the past few days I finally found time to work on it. At the current stage, however, Oxlint still cannot fully replace ESLint, so for now I simply call this package Integration rather than oxc-config.

2026/4/14 01:30:00

Open Source Projects

Projects that I created or maintaining

learning-vue3

1.50k
178

Which has been read by more than 2.3 million people, provides basic knowledge points about front-end engineering development, as well as an introductory learning guide for TypeScript, Vue 3, and Pinia.

Tutorial

@bassist/build-config

11
3
1.16k

Opinionated collection of common build tool configurations.

Configuration

group-buy-calculator

5

A takeaway billing calculator, no need to worry about red envelopes, redemption coupons and other messy reductions, it will automatically calculate the discount ratio to get the final bill.

Online Tool

@blackwork/search

1

Pagefind integration for Blackwork projects, with server-side indexing utilities and browser-side search clients.

Toolkit

@re-dev/react-truncate

60
8
1.68M

Provides `Truncate`, `MiddleTruncate` and `ShowMore` React components for truncating multi-line spans and adding an ellipsis.

UI

@iso-639/data

2
2.81k

Contains code lists for ISO 639-1 and ISO 639-2 as well as multi-language support.

Toolkit

vue3-ts-vite-starter

15
2

A template for Vue with TypeScript, base on Vite.

Template

@bassist/changelog

11
3
1.60k

Simple CHANGELOG generator.

Toolkit

@blackwork/machine

1

Markdown and MDX engine for the Blackwork React UI ecosystem, powering Blackwork-based blogs and documentation sites.

Toolkit

@web-analytics/vue

9
1
92.67k

Website pageview analytics tool for Vue.js (Including VuePress , VitePress etc.) and multi-analytics-platform support.

Toolkit

@bassist/tsconfig

11
3
4.86k

Some TSConfig files for working with TypeScript projects.

Configuration