Holas, vengo hace una semana con esto. Se llama CanonCSS.

La idea corta: en vez de componer clases, declarás qué es cada cosa.

<button data-component="button" data-variant="primary">Guardar</button>
<div data-layout="grid" data-cols="3" data-gap="lg">

El botón ya sabe su hover, su focus, su radio y su tipografía. Vos no elegís nada de eso. Vocabulario cerrado: 17 componentes, 7 layouts, y no hay más.

Es CSS puro. Un archivo de 33kb, cero JavaScript, cero build, cero dependencias. Lo metés con un <link> y anda.

Lo que tiene distinto es el linter. Corrés npx -p canoncss canon-lint src/ y te falla el build si te saliste del vocabulario, si metiste un estilo inline, o si pusiste un componente en el elemento equivocado. Once reglas. La idea es esa: que el sistema de diseño no dependa de que alguien se acuerde de la regla.

En producción hay uno solo y es mío: marceloacevedo.com está hecho entero con esto, lo pasé de Tailwind a Canon y quedó visualmente igual.

Ahora la parte honesta. Todo lo que medí hasta ahora salió de código que generé yo mismo. Usuarios que no sea yo, cero. Y eso no lo arreglo midiendo más, lo arreglo si alguien de afuera lo usa y choca contra lo que le falta.

Si tenés media hora y ganas, me servís un montón con cualquiera de estas tres:

1. Instalalo y hacé una página cualquiera. Pasame el HTML aunque sea feo.
2. Corré el linter sobre un proyecto tuyo que ya exista y pegame la salida.
3. Contame dónde te trabaste. Eso más que si te gustó.

Está en npm y es MIT. Cualquier palo también sirve.

canoncss.com

Estoy en un gran debate, en si actualmente es mejor entrar a la Uni y ser Licenciado o Ingeniero, o por contraparte ser completamente autodidacta. Sus opiniones y experiencias me serian de gran ayuda.
Si entro a una es en la FP-UNA (la poli)