Metodología
El conversor es un pipeline determinista en el navegador:
- Eliminación de comentarios sin ejecutar nada.
- Análisis de reglas de selectores y bloques, incluido @media.
- Mapeo de declaraciones a utilidades Tailwind conocidas.
- Valores arbitrarios cuando longitudes/colores son válidos pero fuera de escala.
- Prefijos responsive para breakpoints min-width reconocidos.
- Notas para at-rules no soportadas y fallos de mapeo.
Limitaciones
- Sin resolución de valores computados para variables CSS.
- Sin motor de layout — no se garantiza igualdad visual.
- Animaciones y selectores exóticos requieren humanos.
La Metodología describe qué declara el motor como mapeable, qué deja en notas y qué no inventa. Si una guía y el conversor discrepan, gana el comportamiento observado en el playground.
Revisamos esta página cuando cambia el mapeo de espaciado, tipografía, layout, color, bordes, efectos o responsive. La fecha de revisión no es decoración: es el contrato de frescura.
Usa las guías por grupo de propiedades para criterio; usa el conversor para borrador. Juntos reducen el riesgo de publicar utilidades a ciegas.
- Entrada: snippets CSS reales, no demos de marketing.
- Salida: utilidades + notas, nunca un “score” inventado.
- Límites: keyframes, selectores complejos y media queries raras.
- Privacidad: conversión en el navegador tras cargar JS.