Всплывающие окна uCoz
в стиле сайта через чат с ИИ
Окна входа, подтверждений и форм, уведомления сайта — ИИ-агент приведёт их к вашему дизайну. Выберите готовую тему или попросите подогнать под сайт, а агент проверит всё на компьютере и телефоне. Без ручного CSS и без риска для шаблонов.
Пять тем на живом сайте
Скриншоты системных окон и уведомлений uCoz на тестовом сайте: до скилла и с каждой готовой темой. Переключайте вкладки, чтобы сравнить.
Стандартные окна uCoz
Так выглядят системные окна и уведомления на большинстве сайтов uCoz — одинаковые тёмные рамки при любом дизайне сайта.
- Тёмные рамки и серый текст на сайте любого цвета
- Поля и кнопки в стиле платформы, а не сайта
- Уведомления не знают о цветах вашего бренда
Чисто и нейтрально
Белая тема с синим акцентом, которая подходит большинству светлых сайтов.
- Белые окна с мягкой тенью и скруглёнными углами
- Синие основные кнопки, ссылки и фокус
- Основной текст проверен на контраст 4.5:1
Для тёмных сайтов
Тёмные окна, которые не вспыхивают белым на тёмной странице. Если сайт переключается между светлой и тёмной темой, агент сохранит этот переключатель.
- Тёмный фон и светлый читаемый текст
- Светло-синий акцент для кнопок и ссылок
- Отдельные цвета для светлого и тёмного режимов сайта
Мягкий фиолетовый
Нежные фиолетовые тона на светлом, чуть тёплом фоне.
- Фиолетовые кнопки, чекбоксы и фокус
- Единый вид у форм, подтверждений и уведомлений
- Перетаскивание, изменение размера и клавиатура работают как раньше
Спокойный зелёный
Спокойные зелёные акценты на свежем светлом фоне.
- Зелёные кнопки, чекбоксы и фокус
- Цвета ошибки и успеха остаются чёткими и читаемыми
- Меню, лайтбокс и остальная страница не меняются
Тёплая терракота
Тёплые терракотовые акценты на мягком кремовом фоне.
- Терракотовые кнопки, чекбоксы и фокус
- Проверено на компьютере и на телефоне шириной 375px
- Убирается в один шаг, если передумаете
Каждая деталь — в стиле сайта
Стандартные окна uCoz одинаковы на всех сайтах. Агент даёт им ваши цвета, шрифты и скругления через официальные инструменты uCoz MCP — и сохраняет всё, на чём держится их работа.
Три шага до нового вида
Вы выбираете оформление, агент показывает превью, а сайт меняется только после вашего согласия.
Редизайн без забытых мелочей
Сайт обновили, а форма входа и уведомления остались прежними? Эту часть агент доделает за один разговор.
- Цвета, шрифты и скругления — с живых страниц сайта
- Вход, формы, подтверждения и уведомления в одном стиле
- Меню и лайтбокс остаются как были
- Тема Dark или своя тёмная палитра
- Свои цвета для светлого и тёмного режимов
- Текст читается в обоих: контраст проверен
- Кнопки и крестик всегда на виду
- Никакой горизонтальной прокрутки
- Короткие подтверждения — без листания
Просто скажите, что нужно
Это не полный список — агент понимает обычный язык:
Что берёт на себя агент
Полный список действий, которые становятся доступны после подключения скилла.
| Что можно сделать | Как это выглядит в чате |
|---|---|
| Выбрать готовую тему | «Сделай окна в теме Lavender» — одна из пяти тем, контраст уже проверен |
| Подогнать под сайт | «Сделай окна как на сайте» — агент берёт цвета, шрифты и скругления с живых страниц, включая тёмный режим |
| Задать свои цвета | «Акцент #E4572E, компактно, углы покруглее» — агент спросит только недостающее и предупредит, если текст станет плохо читаться |
| Посмотреть до публикации | «Сначала покажи» — демо-окна с примером текста, на сайте ничего не меняется |
| Оформить окна и формы | Заголовки, текст, ссылки, поля, списки, чекбоксы, кнопки, крестики закрытия, сообщения об ошибке и успехе |
| Оформить уведомления | Все четыре типа уведомлений в одном стиле, с правильной высотой у длинных сообщений |
| Безопасно опубликовать | Бэкап шаблона, один отдельный файл стилей, одна ссылка в шаблоне и проверка, что всё сохранилось точно |
| Проверить результат | Компьютер и 375px, светлый и тёмный режимы, настоящие окна сайта, клавиатура, закрытие и перетаскивание — и список того, что не проверено |
| Отменить | «Убери стили окон» — ссылка уходит из шаблона за один шаг, ваши более поздние правки остаются |
| Работать безопасно | Агент не отправляет настоящие формы ради проверки, не собирает данные из форм и не трогает меню, лайтбокс и панель управления |
Быстрое подключение
Скачайте пакет, положите в папку скиллов, подключите uCoz MCP — и запускайте.
Требования
- Сайт на uCoz
- Официальный uCoz MCP-сервер, подключённый к агенту
- Вход через аккаунт uCoz — ключи и токены не нужны
- Любой ИИ-агент с поддержкой скиллов; браузер для визуальной проверки
# Скопируйте папку скилла в проект:your-project/└── .agents/└── skills/└── ucoz-popup-design-skill/├── SKILL.md├── README.md├── references/├── assets/├── scripts/└── examples/Последний штрих вашего дизайна
Скачайте скилл, подключите uCoz MCP — и попросите агента показать превью уже сегодня. Он подберёт цвета, проверит контраст и вид на телефоне, а вам останется только одобрить результат.