·ui-design-styling
*

ui-design-styling

Diseñe y diseñe componentes de interfaz de usuario para ryOS siguiendo los 4 temas del sistema operativo (System 7, macOS Aqua, Windows XP, Windows 98). Úselo al crear componentes de interfaz de usuario, diseñar elementos, trabajar con temas, agregar efectos visuales o implementar estética retro del sistema operativo.

26Instalaciones·1Tendencia·@ryokun6

Instalación

$npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling

Cómo instalar ui-design-styling

Instala rápidamente el skill de IA ui-design-styling en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: ryokun6/ryos.

SKILL.md

Ver original

| System 7 | system7 | Black/white, square corners, Chicago font, dotted patterns | | macOS Aqua | macosx | Pinstripes, traffic lights, glossy buttons, Lucida Grande | | Windows XP | xp | Blue gradients, Luna style, soft shadows, Tahoma | | Windows 98 | win98 | Gray 3D bevels, classic blue title bars, MS Sans Serif |

| Fonts | Chicago, Monaco (mono) | | Window BG | #FFFFFF | | Border | 2px solid #000000 | | Radius | 0px | | Selection | Black bg, white text | | Shadow | 2px 2px 0px 0px rgba(0,0,0,0.5) |

| Fonts | Lucida Grande, Monaco (mono) | | Window BG | #E8E8E8 | | Border | 0.5px solid rgba(0,0,0,0.3) | | Radius | 0.45rem (8px) | | Selection | #3875D7 bg, white text | | Shadow | 0 3px 10px rgba(0,0,0,0.3) | | Traffic Lights | Red #FF5F57, Yellow #FEBC2E, Green #28C840 |

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-10

Browse more skills from ryokun6/ryos

Respuestas rápidas

¿Qué es ui-design-styling?

Diseñe y diseñe componentes de interfaz de usuario para ryOS siguiendo los 4 temas del sistema operativo (System 7, macOS Aqua, Windows XP, Windows 98). Úselo al crear componentes de interfaz de usuario, diseñar elementos, trabajar con temas, agregar efectos visuales o implementar estética retro del sistema operativo. Fuente: ryokun6/ryos.

¿Cómo instalo ui-design-styling?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/ryokun6/ryos

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-25