
Luz
y vasijas.
Crepúsculo sobre el agua
Deja que el crepúsculo llene el encuadre. Mantén las vasijas en la penumbra y el gran titular serif en un rincón tranquilo.
Supera las plantillas genéricas: explora direcciones diferenciadas, elimina los patrones predeterminados y perfecciona cada pantalla en un navegador real.
Crea interfaces con personalidad.
npx skills add oil-oil/oil-ui$9.99 · Pago único
Va más allá del Skill gratuito: usabilidad, proyectos existentes y revisiones más rigurosas.
Instala Oil UI Pro: ejecuta npx github:oil-oil/oil-cli install oil-ui-proEnvía el prompt a tu agente para realizar el pago y la instalación.
Ver qué añade ProCompara tres direcciones diferenciadas en composición, tipografía, paleta e imágenes. Alterna entre escritorio y móvil, abre una vista individual y elige la dirección que desarrollará tu agente.
Ayuda a los visitantes a conocer las fechas, las salas y las piezas de Luz y vasijas, y después reservar su visita.

Deja que el crepúsculo llene el encuadre. Mantén las vasijas en la penumbra y el gran titular serif en un rincón tranquilo.

Una exposición de vasijas cotidianas y luz natural.
Como un catálogo de exposición abierto, una retícula editorial reúne la luz de la mañana, las vasijas y la información de visita.

Convierte la pintura en una ventana de papel donde el celadón y el agua pálida tienen espacio para respirar.
Sin orientación, el modelo recurre a etiquetas luminosas sobre los títulos, barras de énfasis laterales, tarjetas con varios niveles de anidación y métricas inventadas. La Skill detecta automáticamente estos patrones y elimina el relleno para que destaquen el contenido y la acción principal.

Amasa el barro, modela una taza y afina su borde. Dedica dos días tranquilos en un banco junto al agua a crear una vasija para usar a diario.
Una experiencia de alfarería inmersiva y completa para explorar posibilidades infinitas y liberar tu potencial artístico y creativo.
Mentores expertos · Materiales importados selectos · Servicio integral
Escribir el código es solo el primer paso. Tu agente captura pantallas reales del navegador, recortes al 200 % y composiciones con el texto oculto; después los entrega a un subagente nuevo para que los evalúe a ciegas y verifique cada ronda hasta que la página supere 9/10.
| Autor y artículo | Honorario neto (¥) | Estado |
|---|---|---|
| Lin YaoUn paseo junto al agua · Ensayo | 3,200.00 | Listo |
| Chen ZhouLa otra cara de los objetos · Fotografía | 2,880.00 | Listo |
| Xu NanEstudios del jardín · Ilustración | 2,560.00 | Faltan datos bancarios |
En un código ya existente, tu agente recorre primero la tarea real, contando clics, saltos de página y posibles retrocesos, antes de proponer distintos niveles de renovación: desde limpiar los tokens hasta incorporar flujos de edición por lotes directamente en la página.
Feria del libro de otoño y tarjetas de socio
«El borrador para la feria del libro de otoño y las tarjetas de socio está listo para revisarlo. Si lo confirmas esta semana, podremos mantener el calendario de la siguiente fase.»
No necesitas un prompt largo. Explica lo que quieres en una frase y deja que la Skill se ocupe del resto.
Usa oil-ui para diseñar una página de reservas para la exposición de otoño del museo.
La Skill primero presenta tres direcciones diferenciadas en un panel de comparación y después desarrolla la que elijas.
| Etapa y capacidad | Oil UI (código abierto)Gratis · MIT | Oil UI Pro$9.99 · Pago único |
|---|---|---|
| Exploración de direcciones, panel de comparación y narrativa con desplazamiento | Incluido (referencias de la categoría, tono, direcciones diferenciadas, panel de comparación, imágenes, movimiento y paralaje o planos continuos) | Incluido, además de generación de conceptos desde varias perspectivas y continuidad visual coherente en toda la página |
| Capturas de pantallas reales y revisión por un subagente independiente | Capturas de escritorio y móvil, comparación con capturas de referencia y revisión a ciegas puntuada con una lista de problemas | Revisión y verificación repetidas con el objetivo de 9/10 (hasta 3 rondas); comprueba si las direcciones se solapan y completa tareas reales en la página |
| Eliminación de patrones predeterminados de la IA y refinamiento de detalles | Detección automática de patrones de IA, requisitos básicos de legibilidad y simplificación antes de la entrega | Comprobación completa de patrones de diseño de IA, lista de detalles al 100 %/200 % y simplificación línea por línea |
| Facilidad de uso: interacciones, formularios y diseños adaptables | Señala los aspectos que debes vigilar | Interacciones y estados completos, formularios y recuperación de errores, diálogos y elementos emergentes, y diseños para escritorio y móvil |
| Paneles y herramientas: diseño del espacio de trabajo y continuidad | — | 10 diseños de espacios de trabajo elegidos según los objetos del producto, con un estilo coherente en toda la página |
| Proyectos existentes: renovar la interfaz, corregir flujos y añadir funciones | Te indica qué enfoque necesitas | Diagnóstico anotado de una página, renovación de interfaz en 3 niveles con especificación DESIGN.md y corrección de flujos contando los clics |
| Trabajo minucioso de componentes, 19 prototipos de tarjetas y efectos | Ritmo, respuesta, recursos generados y 3D en tiempo real para minijuegos | Perfeccionamiento exhaustivo de componentes, 19 prototipos de tarjetas con código y contenedores espaciales, trazos de luz, tramas de puntos y degradados fluidos, además de comprobaciones completas para minijuegos |
Si no sabes por dónde empezar, prueba primero la edición gratuita de código abierto con una página real. Si ya tienes Pro, incluye todo: no necesitas instalar ambas versiones.
Gratuito bajo la licencia MIT. Un comando en tu terminal y ninguna configuración adicional.
npx skills add oil-oil/oil-uiPaga con tarjeta, Alipay o WeChat. Envía el siguiente prompt a tu agente y te guiará para iniciar sesión, pagar e instalarlo.
Instala Oil UI Pro por mí: ejecuta npx github:oil-oil/oil-cli install oil-ui-pro