Cribl ha presentado Capra, su nuevo sistema de diseño interno, con el que busca resolver los problemas acumulados por depender durante años de una biblioteca de componentes de terceros. La compañía explica que las continuas personalizaciones, los parches para mejorar la accesibilidad y la falta de coherencia entre sus distintos frontends estaban frenando el desarrollo y comprometiendo la experiencia de uso.
El sistema se apoya en tres pilares: tokens de diseño definidos según la especificación del Design Token Community Group y distribuidos con Style Dictionary, una biblioteca de componentes construida sobre React Aria Components —elige esta base por su orientación a la accesibilidad y porque llega sin estilos propios, lo que evita los problemas de sobreescritura que motivaron el cambio— y una capa de documentación servida tanto a humanos como a agentes. Para estos últimos, el equipo convirtió su contenido de Storybook a Markdown plano y lo expuso mediante una ruta /llms.txt, además de embeberlo en los paquetes publicados en NPM.
Capra se aplica ya en los productos internos de Cribl y también en Cribl Apps, donde los clientes pueden utilizarla para crear aplicaciones alineadas con la estética y el comportamiento de la plataforma. La migración interna supera el 25% y la compañía adelanta que publicará más detalles técnicos en próximas entradas.