SkillFoxx
Telegram

UI-дизайн: скиллы и MCP для агентов

Собрали инструменты, которые помогают агенту работать с интерфейсами: рисовать макеты, собирать компоненты, подключаться к Figma и держать единый стиль.

Доступ в подборке: минимальный у 8, расширенный у 4

Инструменты подборки

12 инструментов

Скилл дизайна интерфейсов для агента: диагностика, четыре направления на выбор, реализация и приемка без вида шаблона от ИИ

Расширенный доступ685

Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign

Расширенный доступ982

Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций

Минимальный доступ11 тыс.

Скилл дизайна интерфейсов: арт-дирекция под продукт, общий DESIGN.md, токены, проверка верстки и доступности в браузере.

Расширенный доступ51

Скилл рисует единый стиль интерфейса приложения: шесть пресетов, страницы, прозрачные иллюстрации и код.

Расширенный доступ97

Скилл о мелких деталях интерфейса: анимации, типографика, иконки, тени, скругления, оптическое выравнивание и области нажатия

Минимальный доступ4 тыс.15

Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили

Минимальный доступ3,6 тыс.

Скилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса

ПлагинМинимальный доступ100

Два скилла по UI и UX учат агента дизайн-решениям: выбор дорожки, токены, рецепты компонентов и защита от шаблонного вида.

Минимальный доступ177

Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных

Минимальный доступ114,1 тыс.113

imagegen-skills учит агента рисовать дизайн-картинки: макеты сайтов, экраны приложений, бренд-борды, и строит сайт по ним

ПлагинМинимальный доступ78

Скиллы для полировки интерфейса: типографика, цвет, сетка, доступность, продуктовые тексты и ревью по всем разделам

Минимальный доступ12,1 тыс.54

Как подключить

Что значит уровень доступа

Доступ у карточек подборки

5 из 12 работают без VPN

Набор

Сложите все карточки подборки в набор: получите одну ссылку и порядок установки.

Установка одной командой

npx skillfoxx add skills/superdesign

Пример для карточки «Superdesign». Остальные ставятся так же, по адресу из каталога. CLI проверит подпись рецепта и сам пропишет настройки агента.

Коротко о главном

Для дизайнеров и фронтендеров, кто хочет ускорить рутину, не теряя контроль. У каждой карточки оценка риска и команда установки.

Статьи по теме

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

Не нашли своей задачи?

Опишите ее Foxx AI: он подберет карточки из каталога и объяснит выбор.

Что выбрать для начала?

Начните со скилла, который генерирует макеты и компоненты по описанию. MCP-серверы для Figma подключайте, когда нужен доступ к реальному файлу проекта.

Нужен ли аккаунт Figma?

Для MCP-серверов Figma нужен доступ к вашему файлу, обычно через токен. Скиллы генерации макетов работают и без него.

Другие подборки

Все подборки