Навык для AI-ассистентов программирования: поиск правил UI/UX-дизайна, стилей, палитр, сочетаний шрифтов и рекомендаций для конкретных стеков.
ИИ для программирования
Навыки дизайна интерфейсов для ИИ-агентов: open source проекты — 29 (2026)
Навыки и инструменты, которые помогают Claude Code, Codex и Cursor делать более аккуратные и не шаблонные интерфейсы.
- Проект
- 29
- За неделю
- +21,5 тыс.
- Обновлён
- 4 часа назад
Как выбрать
Сначала определите задачу: избавиться от шаблонных интерфейсов агента, получить полноценное рабочее пространство для дизайна или перенять стиль существующего продукта. Nutlope/hallmark — навык, направленный на UI, который не выглядит сгенерированным ИИ. nexu-io/open-design — локальное пространство, превращающее брифы в прототипы, презентации и изображения. amaancoderx/npxskillui извлекает дизайн-систему сайта или кодовой базы в файлы, которые читает Claude Code.
- hallmarkЛучше всего подходит тем, кто хочет, чтобы Claude Code, Cursor или Codex делали UI, не похожий на сгенерированный ИИ, с помощью одного навыка.
- open-designЛучше всего подходит тем, кто хочет локальное open-source пространство, где собственный агент превращает брифы в прототипы, презентации и изображения вместо Figma.
- npxskilluiЛучше всего подходит тем, кому нужно, чтобы Claude Code строил UI в соответствии с дизайн-системой существующего сайта, репозитория или локального кода.
Сравнение ведущих проектов
| Проект | Звёзды | За неделю | Лицензия | Обновлён |
|---|---|---|---|---|
| 146,5 тыс. | +3,1 тыс. | MIT | 6 часов назад | |
| 111,6 тыс. | +4,7 тыс. | MIT | 9 часов назад | |
| 106,5 тыс. | +1,3 тыс. | Apache-2.0 | 4 часа назад | |
| 50,1 тыс. | +6,4 тыс. | MIT | позавчера | |
| 28,9 тыс. | +639 | MIT | 4 дня назад | |
| 14,8 тыс. | +1,7 тыс. | MIT | 6 дней назад |
Все проекты
Сортировка:По звёздам
Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.
Локальная open-source среда для AI-агентов, которая превращает брифы в прототипы, презентации, дашборды, изображения и видео с помощью вашего coding agent.
Дизайн-скилл для Claude Code, Cursor и Codex, который помогает AI-агентам писать интерфейсы, не похожие на сгенерированные ИИ.
HTML-native дизайн-скилл для AI-агентов, который превращает текстовый запрос в прототипы, презентации, анимацию и инфографику.
Набор автономных файлов с дизайн-навыками для AI-инструментов разработки, таких как Claude Code, Cursor и Codex; первым стал навык для лендингов.
Подборка из шести готовых Skills для Claude Code, Cursor, Codex и других AI-агентов для программирования: веб-дизайн, видео, изображения, статьи и поиск по локальной базе знаний.
Правила и навыки, которые помогают AI-агентам для программирования избегать шаблонного UI, маркетинговых штампов и комментариев в стиле AI.
Agent Skill, который запускает Claude Design локально в Cursor, Claude Code и других агентах и создаёт автономные HTML-макеты, прототипы и презентации.
Навыки для AI-агентов, которые помогают создавать мобильные экраны на Expo / React Native с нативным качеством и опорой на дизайн самых кассовых приложений.
Набор из 273 готовых к использованию ИИ-агентами дизайн-навыков и 76 slash-команд для Claude Code и Gemini CLI: исследования, дизайн-системы, UI, взаимодействие и передача в разработку.
Набор инструкций и знаний, который помогает Claude и другим coding agents стать экспертами по UX/UI-дизайну: DTCG-токены, спецификации компонентов, 138 дизайн-систем и 52 объективные проверки.
Навык проектирования интерфейсов для AI-агентов: предлагает разные варианты дизайна, сравнивает их и дорабатывает по реальным скриншотам.
CLI извлекает дизайн-систему сайта, git-репозитория или локальной кодовой базы в файлы, которые Claude Code использует для создания UI в том же стиле.
Библиотека дизайн-навыков и UI-промптов с CLI и подключением к MCP, которая помогает AI-инструментам для программирования создавать интерфейсы по дизайн-системам и рекомендациям по компоновке.
Навык агента извлекает визуальный стиль интерфейсов из примеров в структурированный JSON Design DNA и генерирует на его основе похожие интерфейсы.
Бесплатный двусторонний MCP-сервер для Figma: помогает coding-агентам превращать макеты в код и записывать готовые дизайны на холст.
Навык для AI-агентов, который помогает создавать по краткому описанию эффектные сайты в стиле Awwwards, а навык /jury оценивает готовые сайты.
CLI, который позволяет AI-ассистенту создавать и редактировать полноценные макеты в локальном Figma Desktop — без API-ключа.
Создавайте постеры, публикации для соцсетей, слайды и лендинги в GitHub Copilot, Claude Code, Codex или Cursor — без отдельного десктопного приложения.
Навык для агентов, который помогает Claude Code, Cursor и другим принимать дизайнерские решения при создании и доработке интерфейсов, презентаций и графики.
Agent Skill с заданным подходом к дизайну для Claude Code и аналогичных клиентов: помогает избежать шаблонного UI, предлагает выбрать визуальное направление и содержит 58 референсов дизайн-систем реальных сайтов.
Открытый Agent Skill без изображений, который помогает AI-агентам создавать, дорабатывать и оценивать яркие, игривые иконки приложений.
MCP-сервер и реестр shadcn/ui, который предоставляет агентам для написания кода дизайн-системы, рекомендации по UI/UX, иконки и правила проверки доступности.
Навык для AI-агентов и CLI, которые помогают создавать качественные интерфейсы вместо шаблонных UI с типичным «AI-стилем».
Скилл для Claude Code, который помогает создавать, перерабатывать и критиковать лаконичные и понятные дашборды с проверкой по скриншотам.
24 open-source навыка для агентов, которые помогают Claude Code, Codex, Cursor и opencode создавать более выразительные и продуманные интерфейсы.
UI/UX-навык для coding agents: помогает создавать, перерабатывать и проверять интерфейсы, а CLI анализирует работающие страницы на проблемы с доступностью и вёрсткой.
Навыки Claude Code для переноса дизайнов из Figma в кодовую базу и отправки состояния кода обратно в Figma, а также для управления стилевой системой.
Частые вопросы
- Как отбираются проекты?
- Каждый проект в Repolode проходит проверку качества: он должен работать уже сейчас, решать конкретную задачу, быть чем-то большим, чем тонкая обёртка, и продолжать поддерживаться. Эта страница группирует проекты по темам и сортирует их по звёздам GitHub.
- Какой проект здесь самый популярный?
- nextlevelbuilder/ui-ux-pro-max-skill — 146,5 тыс. звёзд на GitHub. Перед выбором проверьте лицензию и дату последнего коммита каждого проекта.