Oil UI

Gratis y con licencia MIT, esta skill de diseño de interfaces para agentes se instala con npx skills add oil-oil/oil-ui y no pide configuración. En cuanto termina el comando, tu agente (Claude Code, Codex u otros compatibles) ya puede usarla en webs, apps, paneles y componentes.

Antes de dibujar nada, nombra la categoría del producto, mira dos o tres referentes con estilo propio y convierte palabras vacías («premium», «limpio») en decisiones visibles: tipografías, aire y cuánto color ocupa la página. Cada dirección nace de algo concreto (un material, una escena, el lenguaje de otro oficio). En maquetación, tipografía, color e imagen clave, dos direcciones pueden compartir como máximo un eje; si al entrecerrar los ojos los primeros pantallazos se parecen, cambia el layout, no solo la paleta.

Cómo eliges y cierras

• Las previsualizaciones (HTML, imágenes o páginas en desarrollo) van a una misma página de comparación, en escritorio y móvil.
• Marcas la que te convence, dices qué te gusta y qué no, y el agente aprieta el diseño con ese feedback.
• Al final abre capturas reales, recorta lo que no ayuda a entender la página y deja uno o dos detalles memorables; el resto se queda en silencio.

Si ya tienes Oil UI Pro, no instales la edición open source: las dos compiten por las mismas peticiones. Pro añade usabilidad, rediseños de proyectos existentes y efectos; esta ficha cubre la versión MIT.