oil-oil/oil-ui

Что это?

Ключевые возможности

• 01Предлагает несколько визуально различающихся вариантов дизайна одного продукта.
• 02Размещает варианты рядом на странице сравнения с версиями для компьютера и мобильных устройств.
• 03Дорабатывает выбранный вариант с учетом ваших отзывов.
• 04Проверяет готовые страницы по скриншотам для компьютера и мобильных устройств.
• 05Может воссоздать страницу по скриншоту, в том числе добавить мобильную версию.

Сценарии использования

• Изучение вариантов дизайна нового сайта или приложения перед выбором одного из них.
• Редизайн лендинга или дашборда с помощью AI-агента для написания кода.
• Воссоздание существующей страницы по скриншоту с добавлением мобильной версии.

Быстрый старт

1. 1

   Установите навык

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

   Попросите агента изучить варианты дизайна вашего продукта

Что важно знать

• !В версиях с открытым исходным кодом нет функций Pro, таких как проверка удобства использования, макеты панелей и эффекты.
• !Для проверки версии требуется Python 3; если проверка не отключена с помощью OIL_NO_UPDATE_CHECK=1, программа обращается к общедоступному списку версий в интернете.

Темы

Частые вопросы

Что такое oil-ui?

Навык проектирования интерфейсов для AI-агентов: предлагает разные варианты дизайна, сравнивает их и дорабатывает по реальным скриншотам. Oil UI — это навык с открытым исходным кодом для таких агентов, как Claude Code и Codex. Получив задачу спроектировать сайт, приложение, дашборд или компонент, он сначала определяет категорию продукта и изучает похожие продукты, затем выбирает тон и воплощает его в конкретных решениях по типографике, отступам и цветам.

oil-ui можно использовать бесплатно? Какая у него лицензия?

oil-ui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

oil-ui всё ещё поддерживается?

Активно поддерживается. Последний коммит в oil-ui — 18 окт. 2026 г..

Для чего можно использовать oil-ui?

Изучение вариантов дизайна нового сайта или приложения перед выбором одного из них. Редизайн лендинга или дашборда с помощью AI-агента для написания кода. Воссоздание существующей страницы по скриншоту с добавлением мобильной версии.

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

Установите навык: npx skills add oil-oil/oil-ui Попросите агента изучить варианты дизайна вашего продукта

Где скачать oil-ui?

Исходный код и инструкции по установке — на GitHub: https://github.com/oil-oil/oil-ui