UXKIN: реальные интерфейсы для AI-агентов, пишущих код

Ищите реальные экраны iOS-приложений, целые пользовательские сценарии и дизайн-системы сайтов для Claude, Claude Code, Cursor, Codex, GitHub Copilot и любых MCP-клиентов. Так интерфейсы, которые создаёт ваш агент, будут выглядеть как настоящие продукты, а не как шаблонные AI-макеты.

500 000+ реальных экранов · 30k+ элементов интерфейса · 15k+ дизайн-систем сайтов, каждая с файлом DESIGN.md

Изучить UXKIN →

Сайт · Документация · Каталог Claude · Цены · Поддержка

Зачем нужен UXKIN

Попросите агента для написания кода сделать экран настроек, страницу оплаты или лендинг — и он заполнит пробелы самыми типичными решениями: теми же градиентами, сетками карточек и расплывчатыми текстами, что и у всех. UXKIN предлагает более надёжную опору: примеры того, как реальные выпущенные продукты решают те же задачи, а также реальные цвета, шрифты и компоненты сайтов.

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

Что	Для чего	Стоимость
Навык `no-ui-slop`	Правила, которые помогают агенту не создавать типовые интерфейсы с видом AI-генерации	Бесплатно, аккаунт не нужен
Навык `build-ui`	Пошаговый процесс для создания экранов, панелей управления, доработки и упрощения интерфейсов, а также их проверки. В конце агент проверяет результат	Бесплатно, аккаунт не нужен
Навык `ios-screens`	Нативные экраны iPhone: навигация, модальные листы, Dynamic Type, тёмная тема и разрешения	Бесплатно, аккаунт не нужен
Навык `design-md`	Создаёт DESIGN.md для вашего проекта на основе его реальных решений, чтобы новые экраны соответствовали существующему стилю	Бесплатно, аккаунт не нужен
Навык `ui-from-screenshot`	Воссоздаёт интерфейс по скриншоту или макету с помощью ваших компонентов, а затем сравнивает результат с оригиналом	Бесплатно, аккаунт не нужен
Навык `ui-states`	Создаёт состояния, о которых агенты часто забывают: пустое, загрузка, ошибка, отсутствие подключения и длинный контент	Бесплатно, аккаунт не нужен
Навык `uxkin-research`	Помогает агенту находить и сравнивать реальные приложения, сценарии и дизайн-системы до начала проектирования	Для поиска нужен план UXKIN (сам навык распространяется по лицензии MIT)
MCP-сервер UXKIN	Агент ищет реальные экраны, сценарии и дизайн-системы в процессе работы	План UXKIN
GitHub Action для проверки UI	Находит неработающие кнопки, отсутствующие состояния, единичные цвета и базовые проблемы доступности в каждом pull request	Бесплатно
Детектор AI-шаблонности	Показывает, насколько ваш сайт похож на результат генерации AI, и что можно изменить	Бесплатно
UXKIN для Figma	Поиск в UXKIN, добавление экранов и целых сценариев на холст, импорт цветов и шрифтов сайта	Скоро появится в Figma Community

1. Установите бесплатные навыки

npx skills add uxkin/agent

Команда установит все семь навыков. Также их можно скопировать в папку навыков вашего агента:

skills/no-ui-slop: рекомендации по созданию интерфейсов, которые

соответствуют продукту. Навык работает самостоятельно, без аккаунта. Если подключён

сервер UXKIN, он также подсказывает агенту, когда стоит найти реальный

пример для ориентира.

skills/uxkin-research: рекомендации по изучению

материалов перед проектированием: поиск в библиотеке UXKIN обычными словами, просмотр целых

сценариев, сравнение нескольких приложений и обобщение их общих решений.

build-ui: план для каждого типа задачи с интерфейсом

(новый экран, панель управления, доработка, упрощение, проверка). В конце агент отображает результат

в размерах для телефона и компьютера, исправляет недочёты и повторно проверяет интерфейс.

ios-screens: создание нативных интерфейсов iPhone на

SwiftUI, UIKit, React Native, Expo или Flutter с проверкой на маленьких и больших

моделях iPhone, в светлой и тёмной темах.

design-md: анализирует ваш проект и

создаёт или обновляет файл DESIGN.md: описывает цвета и их назначение, шкалу размеров шрифтов,

отступы, компоненты и правила для агентов.

ui-from-screenshot: воссоздаёт

скриншот или макет с помощью ваших компонентов, сравнивает результат

с изображением и устраняет различия.

ui-states: находит и создаёт все

состояния экрана (первый запуск, пустое состояние, загрузка, ошибка, отсутствие подключения, успех)

и проверяет каждое из них.

Каждый навык работает самостоятельно. Подключив сервер UXKIN, вы также сможете искать реальные

экраны, сценарии и дизайн-системы. Плагины ниже включают no-ui-slop и uxkin-research; остальные пять

можно установить приведённой выше командой — они находятся в папке .agents/skills.

2. Подключите MCP-сервер UXKIN

Сервер доступен по адресу https://uxkin.com/mcp (Streamable HTTP). В большинстве

приложений достаточно войти в аккаунт UXKIN — копировать токен не нужно.

Приложение	Инструкция
Claude (веб-версия, компьютер и мобильные устройства)	Откройте UXKIN в каталоге Claude, нажмите Connect, войдите в аккаунт и нажмите Allow
Claude Code	Выполните `claude mcp add --scope user --transport http uxkin https://uxkin.com/mcp`, затем `/mcp` → uxkin → Authenticate
Cursor	Установите сервер в один клик на uxkin.com/cursor-ui-design, затем нажмите Login рядом с uxkin
Codex	Выполните `codex mcp add uxkin --url https://uxkin.com/mcp`, затем `codex mcp login uxkin` (или установите плагин Codex)
GitHub Copilot (VS Code)	Command Palette → MCP: Add Server → HTTP → `https://uxkin.com/mcp`, затем войдите в аккаунт, когда появится запрос (инструкция)
Lovable, Bolt, Devin Desktop	Добавьте пользовательский MCP-сервер, указав адрес выше (Lovable, Bolt, Devin Desktop / Windsurf)
Любой другой MCP-клиент	Добавьте `https://uxkin.com/mcp` и войдите в аккаунт либо воспользуйтесь инструкцией на uxkin.com/docs

Для поиска нужен план UXKIN (на месяц или бессрочный).

Отключить любое приложение можно в своём аккаунте.

Попробуйте

После подключения задайте агенту, например, такие вопросы:

«Найди с помощью UXKIN сценарии знакомства с приложением в реальных приложениях для медитации и расскажи, что у них общего».
«Покажи с помощью UXKIN, как реальные приложения обрабатывают отмену подписки, а затем улучши мой экран отмены».
«Найди в UXKIN светлую минималистичную дизайн-систему для SaaS и создай в этом стиле первый экран моего лендинга».
«Прежде чем создавать страницу оплаты, найди в UXKIN три реальных примера и расскажи, какие решения ты берёшь из каждого».

Инструменты

Инструмент	Что возвращает
`find_ui_references`	Реальные экраны iOS-приложений, пользовательские сценарии (последовательности экранов, например знакомство с приложением или отмена подписки) и сайты
`find_ui_materials`	Дизайн-системы реальных сайтов: цвета и их назначение, типографика, компоненты, а также полный файл DESIGN.md для наиболее подходящего результата
`get_journey`	Все экраны одного сценария в правильном порядке
`list_collections` / `get_collection`	Примеры, сохранённые вами в коллекциях на uxkin.com

Все инструменты доступны только для чтения.

Также доступны готовые подсказки, которые приложение может показывать в виде команд (в

Claude Code это /mcp__uxkin__research_flow и другие):

Подсказка	Что она предлагает сделать агенту
`research_flow`	Изучить, как реальные приложения реализуют пользовательский сценарий (знакомство с приложением, оформление заказа, страница оплаты и т. п.) и предложить подходящий вариант
`find_design_system`	Найти дизайн-системы реальных сайтов, соответствующие вашему продукту и желаемому настроению
`review_my_ui`	Сравнить экран вашего проекта с интерфейсами реальных приложений и предложить улучшения
`build_from_collection`	Начать работу с примеров, сохранённых вами на uxkin.com

Что находится в этом репозитории

Навыки no-ui-slop и uxkin-research (навыки). Остальные пять навыков устанавливаются отдельно с помощью npx skills add uxkin/agent.
Плагин UXKIN для Claude (.claude-plugin),

Cursor (.cursor-plugin) и Codex

(.codex-plugin), Power для Kiro (POWER.md),

плагин Google Antigravity

(plugin.json) и расширение Gemini CLI

(gemini-extension.json): навык и MCP

сервер устанавливаются вместе.

Запись MCP сервера (server.json), опубликованная в

официальном реестре MCP.

Собственная дизайн-система UXKIN (DESIGN.md): UXKIN создаёт

файл DESIGN.md для каждого сайта в своей библиотеке, и сам UXKIN построен на основе

такого файла. Передайте его агенту, чтобы увидеть формат в действии.

Каталоги, где представлен UXKIN (DISTRIBUTION.md): все

реестры, магазины приложений и каталоги, а также текущий статус каждого из них.

Примеры (примеры): файлы конфигурации для каждого приложения, инструкции для проектов в

AGENTS.md или CLAUDE.md, примеры запросов и разобранные сценарии (удаление

учётной записи, отмена подписки, адаптация новых пользователей в мобильном приложении), показывающие,

как меняется поведение агента при использовании UXKIN.

Использование в качестве плагина Claude

При установке добавляются навык и сервер UXKIN. Навык начинает работать

сразу; чтобы искать в библиотеке, подключите сервер (Claude откроет страницу UXKIN,

где нужно войти в аккаунт и нажать Allow). В Claude Code введите /mcp, выберите

uxkin и нажмите Authenticate.

В Claude Code можно также установить плагин напрямую с GitHub:

claude plugin marketplace add uxkin/agent
claude plugin install uxkin@uxkin

Использование в качестве плагина Cursor

После установки в настройках MCP Cursor нажмите Login рядом с uxkin,

войдите в UXKIN и нажмите Allow.

Использование в качестве плагина Codex

codex plugin marketplace add uxkin/agent
codex plugin add uxkin@uxkin
codex mcp login uxkin

Последняя команда откроет страницу UXKIN, где нужно войти в аккаунт и нажать Allow.

Использование в качестве плагина Google Antigravity

git clone https://github.com/uxkin/agent uxkin
agy plugin install ./uxkin

Затем введите /mcp, выберите uxkin и нажмите Authenticate: откроется страница UXKIN,

где нужно войти в аккаунт и нажать Allow. Чтобы добавить только сервер, поместите

mcp_config.json в ~/.gemini/config/mcp_config.json.

Использование в качестве Power для Kiro

В Kiro откройте панель Powers → Add Custom Power → **Import power

from GitHub** и укажите https://github.com/uxkin/agent. Когда Kiro предложит

аутентифицировать uxkin, нажмите Authenticate, войдите в UXKIN и нажмите

Allow.

Использование в качестве расширения Gemini CLI

gemini extensions install https://github.com/uxkin/agent

Затем запустите Gemini CLI и введите /mcp auth uxkin: откроется страница UXKIN, где

нужно войти в аккаунт и нажать Allow.

Какие данные отправляются

Навык работает локально и ничего не отправляет. MCP сервер получает только

текст поискового запроса, который отправляет агент (например, «адаптация новых пользователей для приложения

для медитации»), ограничение на количество результатов и данные для входа в аккаунт, а затем возвращает подходящие материалы

с uxkin.com. Сервер не читает ваш код, файлы или переписку. Подробнее — в

политике конфиденциальности.

Документация и поддержка

Документация: настройка для каждого приложения и описание результатов, возвращаемых каждым инструментом.
Руководства: как улучшить интерфейс с помощью Claude Code, Cursor, Codex, Copilot, Lovable, Bolt и других инструментов.
Поддержка или напишите на support@uxkin.com.
Партнёрская программа: получайте 30% от каждого платежа пользователей, которых вы пригласили в UXKIN.

Участие в разработке и безопасность

Будем рады исправлениям навыка, инструкций по настройке и примеров: см.

CONTRIBUTING.md. Чтобы сообщить об уязвимости, см.

SECURITY.md.

Лицензия

Навык и файлы в этом репозитории распространяются по лицензии MIT. Сама библиотека UXKIN

(её экраны, пользовательские сценарии и дизайн-системы) предоставляется как размещённый

сервис и не входит в этот репозиторий: см.

условия использования. Лицензия MIT распространяется на код и текст

в этом репозитории, но не даёт права использовать название или логотип UXKIN.

Включён в каталог MCP Claude Market