开源设计
组件库.

剥开杂乱的业务逻辑,用温和的组件边界打破团队间的开发隔阂。

TypeScript Unocss Monorepo Vitest

01 / Challenge

当多个子业务团队并行开发时,视觉割裂是迟早的事。按钮大小不一、颜色深浅不同,往往让前端工程师充当无休止的“擦屁股”角色。

我们需要一套设计系统,既能作为团队间的“书面契约”,又不能因为繁冗的规则失去开发的愉悦感。

02 / Solutions

利用极简原子 CSS(Unocss)剥离所有的状态逻辑,确保最底层组件的纯粹。每一个组件的边框、间距和基础过渡都被打磨得如玉石般温润。

并且配以极高覆盖率的 Vitest 自动化单元测试。当底座足够安全和宽厚,业务开发就不会再充满焦虑。