En los propios términos del Skill
Baseline UI es un skill de revisión que impone una base de UI con criterio propio para detener el desorden de interfaces generadas por IA en una base de código. Está pensado para proyectos de Tailwind CSS que usan primitivas de React, y se instala como un conjunto permanente de restricciones sobre cualquier trabajo de UI en la conversación, o como un pase de revisión a nivel de archivo.
Lo que lo hace específico es el vocabulario: nombra las utilidades y props exactas que hay que usar o evitar, desde h-dvh en lugar de h-screen y text-balance para los encabezados, hasta animaciones que solo usan el compositor limitadas a 200ms y sin valores de z-index arbitrarios. Úselo cuando la interfaz necesite una limpieza rápida o un pase de pulido.
Qué produce
- Una explicación de una sola frase de por qué importa cada infracción.
- Una solución concreta a nivel de código para cada hallazgo.
Cómo funciona
- 01Invóquelo como un conjunto de restricciones para toda la conversación
Ejecutar el comando sin argumentos aplica todas las restricciones de este archivo a cualquier trabajo de UI realizado en esa conversación, no solo a un archivo.
- 02O apúntelo a un único archivo
Pasar un archivo como destino cambia el skill al modo de revisión, comprobando ese archivo contra todas las restricciones listadas a continuación.
- 03Devuelve un informe de infracciones en tres partes
Cada hallazgo cita el fragmento problemático, ofrece una frase breve sobre por qué importa y propone una solución a nivel de código.
- 04Recorra los grupos de restricciones en orden
El archivo organiza sus reglas en Stack, Components, Interaction, Animation, Typography, Layout, Performance y Design, cada uno mezclando elementos MUST, SHOULD y NEVER.