Product-minded frontend
I like interfaces that explain themselves quickly while still holding up under real product complexity.
- Clear information hierarchy
- Responsive layouts that keep their personality
Personal homepage
Your Name
Builder, developer, and writer
I build products shaped by structure, performance, and thoughtful communication, then turn the work into durable writing.
About
A quick read on who I am before the full profile page
I care most about the stretch where strategy truly meets execution. In practice that means clarifying product direction, building resilient frontend systems, and documenting the reasoning so both the team and future me can move faster with more confidence.
Frontend EngineeringTypeScriptAstroSystem Design
Focus
The areas I keep investing in most consistently
Performance and maintainability
Fast pages matter, but the long-term health of a product depends on maintainable systems.
- Lean rendering and sensible data flow
- Clear component boundaries
Selected projects
Featured work now, with room to expand into deeper case studies later
Project Atlas
ViewA content-driven platform focused on page speed, resilient architecture, and a calmer editorial workflow.
Improved publishing flow while establishing a stronger performance baseline.
Signal Board
ViewAn internal dashboard that turns noisy metrics into clearer business signals through stronger hierarchy.
Reduced the effort needed to interpret important operational metrics.
From the blog
Recent writing on the homepage, full archive on its own page
This area is already wired to a data layer, so we can switch to your real RSS feed later without changing the page structure.
GPT Image2 初试
最近看到不少人在说 gpt img2 ，我也去试了试。 先说结论，确实比我以前随手玩过的一些 AI 画图工具要顺手，尤其是在“听懂人话”这件事上，感觉明显好了不少。 我生成了几张图：
电子价签玩法
最近在逛咸鱼时发现了改造二手电子价签，实现了一点有意思的功能，于是买了两个玩玩。 他们用的是tsl0922开发的开源固件，具有日历、传图、文字功能，在网页端可以很方便地配置。
OpenGL- Cohen-Sutherland 编码裁剪算法
裁剪是从数据集合提取信息的过程，它是计算机图形学许多重要问题的基础。裁剪典型的用途就是从一个大的场景中提取所需的信息，以显示某一局部场景或视图。比如浏览地图时，对感兴趣的区域放大显示，此时窗口内显示的内容会相应减少。确定图形的哪些部分在窗口内，哪些部分在窗口外（不可见区域）