Repolode
Enviar
oil-oil

oil-oil/oil-ui

Una skill de diseño de interfaces para agentes de IA que explora distintas propuestas, las compara en paralelo y las refina a partir de capturas de pantalla reales.

Ver en GitHubSitio web
Estrellas
1,821
Forks
98
Issues abiertos
0
Último commit
anteayer

¿Qué es?

Oil UI es una skill de código abierto para agentes como Claude Code y Codex. Cuando se le pide diseñar un sitio web, una app, un dashboard o un componente, primero identifica la categoría del producto y analiza productos similares; después define un estilo y lo convierte en decisiones concretas sobre tipografía, espaciado y color.

Genera varias propuestas visualmente distintas y las muestra en una misma página de comparación, donde puedes alternar entre las vistas de escritorio y móvil y elegir tu favorita. Luego refina la propuesta elegida, la abre en tamaños de escritorio y móvil y la revisa mediante capturas de pantalla antes de dar el trabajo por terminado.

Se instala con npx skills add y necesita Python 3 para una comprobación de versión opcional. La edición Pro opcional añade trabajo de usabilidad, revisiones de acabado y rediseño de proyectos existentes.

Funciones clave

  • 01Explora varias propuestas de diseño visualmente distintas para un mismo producto.
  • 02Muestra las propuestas en paralelo en una página de comparación con vistas de escritorio y móvil.
  • 03Refina la propuesta elegida según tus comentarios.
  • 04Revisa las páginas terminadas mediante capturas de pantalla en escritorio y móvil.
  • 05Puede recrear una página a partir de una captura de pantalla, incluida una versión para móvil.

Casos de uso

  • Explorar propuestas visuales para un sitio web o una app antes de decidirse por una.
  • Rediseñar una landing page o un dashboard con un agente de programación de IA.
  • Recrear una página existente a partir de una captura de pantalla y añadir una versión para móvil.

Inicio rápido

  1. 1

    Instala la skill

    npx skills add oil-oil/oil-ui
  2. 2

    Pide a tu agente que explore distintas direcciones de diseño para tu producto

Antes de usarlo

  • La versión de código abierto no incluye funciones Pro, como las comprobaciones de usabilidad, los diseños de paneles y los efectos.
  • La comprobación de versiones requiere Python 3 y consulta en línea la lista pública de versiones, a menos que se desactive con OIL_NO_UPDATE_CHECK=1.

Temas

#agent-skills#ui-design#claude-code#codex#frontend#ux-design#ai-design#claude-skills

Preguntas frecuentes

¿Qué es oil-ui?
Una skill de diseño de interfaces para agentes de IA que explora distintas propuestas, las compara en paralelo y las refina a partir de capturas de pantalla reales. Oil UI es una skill de código abierto para agentes como Claude Code y Codex. Cuando se le pide diseñar un sitio web, una app, un dashboard o un componente, primero identifica la categoría del producto y analiza productos similares; después define un estilo y lo convierte en decisiones concretas sobre tipografía, espaciado y color.
¿oil-ui es gratuito? ¿Qué licencia tiene?
oil-ui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿oil-ui sigue mantenido?
Mantenimiento activo. El último commit de oil-ui fue el 18 oct 2026.
¿Para qué puedo usar oil-ui?
Explorar propuestas visuales para un sitio web o una app antes de decidirse por una. Rediseñar una landing page o un dashboard con un agente de programación de IA. Recrear una página existente a partir de una captura de pantalla y añadir una versión para móvil.
¿Cómo se instala oil-ui?
Instala la skill: npx skills add oil-oil/oil-ui Pide a tu agente que explore distintas direcciones de diseño para tu producto
¿Dónde consigo oil-ui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/oil-oil/oil-ui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados