Дизайнеры больше не нужны. Опенсорсный скилл для верстки лендингов собрал 8000 сохранений за сутки
Просить ИИ-агента сверстать лендинг из коробки значит получить типичный пластиковый сайт из 2015 года. Модели умеют писать HTML, но абсолютно не понимают принципов типографики, композиции и отступов.
Ситуация изменилась. Практикующий дизайнер выложил в открытый доступ свой личный набор скиллов AI Design Skills для автономных агентов. Меньше чем за сутки проект добавили в закладки более 8 000 человек, и это полностью оправданный хайп.
Арт-дирекшн вместо шаблонов
Набор скиллов работает как инъекция хорошего вкуса для Claude Code, Cursor, Codex и Windsurf.
Агент перестает бездумно лепить блоки друг под друга. Скилл заставляет его мыслить по дизайн-системе:
- Исследование. Сначала агент анализирует продукт и прописывает продающие тексты.
- Структура и сетка. Подбирает правильную иерархию блоков.
- Стиль. Настраивает гармоничные шрифтовые пары, задает математически точные отступы (padding/margin) и подбирает цветовую палитру.
- Анимация. Прописывает интерактивные элементы и микроанимации для интерфейса.
В итоге вы получаете не шаблонную заглушку, а страницу с продуманной визуальной логикой.
Работа с макетами и редизайн
Скилл не ограничен генерацией с нуля. Внутри есть инструменты для улучшения уже существующих сайтов, а также мощная функция перевода статичных макетов из Figma (или обычных скриншотов) в чистый, анимированный код.
Как установить и использовать
Проект открыт под лицензией MIT, использовать и модифицировать можно бесплатно.
Для запуска в Claude Code достаточно отправить в терминал один промпт:«Установи скилл landing-page-design из репозитория elayadesign/ai-design-skills на GitHub в .claude/skills этого проекта, а затем используй его для создания лендинга. Перед началом задай мне все вопросы одним сообщением».
Для Codex механика аналогичная, но вместо установки в папку нужно попросить агента: «добавь содержимое его SKILL.md в твой файл AGENTS.md».
Инструментарий автономных агентов продолжает расширяться. Базовые задачи по дизайну интерфейсов окончательно переходят в консоль разработчика.
Не отставайте от технологий! Подписывайтесь на Telegram-канал, чтобы быть в курсе последних трендов и лайфхаков.