·ui-design-styling
*

ui-design-styling

Создавайте и оформляйте компоненты пользовательского интерфейса для ryOS в соответствии с 4 темами ОС (System 7, macOS Aqua, Windows XP, Windows 98). Используйте при создании компонентов пользовательского интерфейса, стилизации элементов, работе с темами, добавлении визуальных эффектов или реализации ретро-эстетики ОС.

26Установки·1Тренд·@ryokun6

Установка

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

Как установить ui-design-styling

Быстро установите AI-навык ui-design-styling в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: ryokun6/ryos.

| 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 |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling
Источник
ryokun6/ryos
Категория
*Креатив
Проверено
Впервые замечено
2026-02-25
Обновлено
2026-03-10

Browse more skills from ryokun6/ryos

Короткие ответы

Что такое ui-design-styling?

Создавайте и оформляйте компоненты пользовательского интерфейса для ryOS в соответствии с 4 темами ОС (System 7, macOS Aqua, Windows XP, Windows 98). Используйте при создании компонентов пользовательского интерфейса, стилизации элементов, работе с темами, добавлении визуальных эффектов или реализации ретро-эстетики ОС. Источник: ryokun6/ryos.

Как установить ui-design-styling?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ryokun6/ryos --skill ui-design-styling После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/ryokun6/ryos

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-25