2024.10 - 2025.07
kuaiqi Tech Co., Ltd./前端工程师
负责核心业务页面维护和新功能交付，保障线上稳定。
ReactTypeScriptNext.jsTailwind CSS
> INIT_SEQUENCE
VISUALSYSTEMS
VISUALSYSTEMS
Engineered aesthetics. Pixel-perfect implementations powered by mathematics and motion.
ReactGSAPThree.jsTypeScriptShader UIPixel Arts
Protocol
[01]Protocol
Structure
First.
Motion
Next.
Rigid systems enable playful interfaces. By tearing down structural noise, we allow true design intent to surface.
Protocol Index
01. State
Data flows. UI reacts.
02. Motion
Explain with easing, not words.
03. Taste
Pixel perfect down to the wire.
History Log
2025.08 - 至今
MOONDROP Tech Co. Ltd./前端工程师
参与 AI 产品线前端架构和 CI/CD 流程优化。
ReactTypeScriptExpoGitHub ActionsDocker
[02]Output
Signal
Noise
Selected builds, compressed into proof surfaces. Less poster, more signal.
01SHIPPED
Lattice
已完成 Mod + Backend + Desktop 的一体化链路，正在持续迭代稳定性与规则精度。
Mod + Backend + DesktopOps-readyLive iteration
Productionized full-stack monitoring toolkit
02PLANNED
LicMusic
以播放器为核心，加入 AI 偏好分析与条件找歌，让「想听什么」可以被准确表达和快速命中。
Desktop-firstAI taste profileCondition-based discovery
AI-powered music discovery player
[03]Log
Field
Notes.
Scroll →
012026-05-28
液态图片预览：让项目图在 hover 时变成可触碰的表面
拆解项目列表上的 LiquidImage 组件：DOM 兜底 + WebGL 叠层、UV cover、ripple、RGB shift、grain、DPR 与卸载释放，以及 hover 的插值取舍。
WebGLShaderGLSL
022026-04-30
像素融合风格的个人站重构：从视觉系统到滚动叙事
一次完整的个人站技术重构记录：像素边界、Three.js shader cube、标题 mask、GSAP pinned section 和 WebGL 图片预览如何组合成稳定的视觉系统。
Design SystemShaderGSAP
032026-02-24
Lattice 风控系统拆解
拆解我在 Lattice 中处理事件可靠性、告警降噪、扫描稳定和权限追踪的真实做法。
LatticeMinecraftRust
042025-09-29
把终端调成工作台
从字体、主题到快捷键，记录我如何把日常开发入口做得顺手、克制、可复用。
AlacrittyTerminalConfiguration
052025-08-15
用 MDX 做写作系统
把内容、组件和路由放进同一个工程节奏里，让个人站既能表达，也方便长期维护。
Next.jsMDXBlog
Read
Everything.
All notes[04]Ping
Send
Ideas.
Ready to build interactive systems or solidify a visual concept into code? Let's connect.
me@loopwic.com