Cribl 为何自研 Capra 设计系统

Capra, Cribl's Design System

在 Cribl，我们曾依赖第三方 UI 库快速构建产品，但随着业务增长，定制样式覆盖和可访问性问题让代码库变得脆弱不堪。为了解决视觉不一致和键盘交互缺失等痛点，我们决定自研 Capra 设计系统。基于 React Aria Components 并配合 Design Tokens，我们不仅统一了内部产品与 Cribl Apps 的设计语言，还专门为 LLM 构建了可读取的 Markdown 文档。从最初激进的重构到后来采取渐进式迁移策略，Capra 正在帮助我们提升代码健康度并更好地服务客户。