Skillful AI — UX/UI-дизайн AI-платформы для создания AI-агентов и автоматизации

Skillful AI — комплексная AI-платформа, объединяющая конструктор AI-агентов, систему автоматизации, маркетплейс готовых AI-решений и мобильное приложение для взаимодействия с ними.

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

– упростить создание AI-агентов без потери гибкости;

– спроектировать масштабируемую архитектуру для управления автоматизациями;

– сделать маркетплейс AI-агентов понятным даже новым пользователям;

– объединить веб и мобильный продукт единым пользовательским опытом;

– сохранить ощущение простоты при работе с большим количеством функций.

Исследование

Проект начался с исследования современных AI-платформ и пользовательских сценариев.

Мы изучили:

• AI Agent Builders;

• AI Marketplace-платформы;

• сервисы автоматизации;

• AI-чаты;

• продукты с многоуровневыми настройками;

• лучшие практики онбординга и постепенного раскрытия сложного функционала.

Исследование позволило определить главный принцип будущего продукта: сложность должна раскрываться постепенно, а пользователь должен видеть только те возможности, которые нужны ему в текущий момент.

Мы разделили проект на два взаимосвязанных направления:

• веб-платформа для создания и управления AI-агентами;

• мобильное приложение для ежедневного взаимодействия с AI.

Обе части построены на единой UX-логике и общей дизайн-системе.

Веб-платформа

AI Builder

Самым сложным элементом продукта стал конструктор AI-агентов.

Вместо единой страницы с десятками параметров мы разделили процесс настройки на логические этапы:

• идентичность агента;

• поведение;

• подключение инструментов;

• обработка медиа;

• промпты;

• интеграции;

• монетизация.

Такой подход значительно снизил когнитивную нагрузку и сделал процесс создания AI-агента последовательным и понятным даже пользователям без технического опыта.

Система автоматизации

Еще одной важной частью платформы стала работа с автоматизациями.

Мы спроектировали полный жизненный цикл AI-флоу — от создания сценария до его запуска, мониторинга и дальнейшего сопровождения.

Для этого были разработаны отдельные интерфейсы для:

• флоу;

• папок;

• статусов;

• запусков;

• ошибок;

• подключаемых инструментов.

Разделение функций по уровням позволило сохранить масштабируемость системы без перегруженных экранов.

Маркетплейс AI-агентов

Маркетплейс проектировался как полноценная витрина AI-продуктов, а не технический каталог.

Основное внимание было уделено скорости выбора.

Пользователь может:

• быстро найти подходящего AI-агента;

• понять его специализацию;

• сравнить стоимость;

• изучить доступные навыки;

• посмотреть интеграции;

• перейти к работе практически без дополнительной настройки.

Технические детали остаются доступны, но не мешают первому знакомству с продуктом.

AI Chat

Вместо создания отдельного сложного интерфейса управления AI мы сохранили привычный формат современного мессенджера.

Пользователь начинает обычный диалог, а необходимые AI-флоу подключаются только тогда, когда это действительно необходимо.

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

Image Hub

Для генерации изображений был разработан отдельный рабочий сценарий.

Пользователь может:

• создавать изображения;

• дорабатывать результаты с помощью промптов;

• сравнивать версии;

• сохранять лучшие генерации;

• объединять их в коллекции.

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

Мобильное приложение

После проектирования веб-платформы мы перенесли основные пользовательские сценарии в мобильную среду.

Целью было не просто адаптировать интерфейс, а создать полноценный мобильный продукт, который позволяет использовать возможности платформы в ежедневной работе.

AI Chat

Основным сценарием мобильного приложения стало общение с AI.

Мы сохранили привычную механику чата и минимизировали количество дополнительных действий.

Пользователь начинает обычную переписку, а сложные AI-сценарии подключаются только при необходимости.

Маркетплейс

Для мобильной версии был переработан путь выбора AI-агентов.

Карточки стали значительно компактнее, а ключевая информация — специализация, стоимость, возможности и навыки — выводится уже на первом экране.

Это позволяет быстро подобрать подходящего AI-помощника буквально за несколько касаний.

AI Builder

Несмотря на ограниченное пространство экрана, пользователи могут создавать собственных AI-агентов и на мобильных устройствах.

Для этого сложные настройки были распределены между отдельными шагами, благодаря чему процесс остается последовательным и понятным.

Автоматизация

Работа с AI-флоу также была адаптирована под мобильный формат.

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

Дизайн-система

Одновременно с интерфейсами была разработана масштабируемая дизайн-система проекта.

В рамках работы команда создала:

• более 100 экранов;

• светлую и темную темы оформления;

• библиотеку компонентов;

• единые паттерны взаимодействия;

• состояния элементов;

• спецификации для передачи разработки.

Использование единой дизайн-системы позволило обеспечить консистентность интерфейсов сразу в веб- и мобильной версии продукта.

В результате команда Roobinium спроектировала единую AI-экосистему, объединяющую конструктор AI-агентов, систему автоматизации, маркетплейс и мобильное приложение.

Нам удалось превратить сложный технический продукт в понятный пользовательский опыт, сохранив весь необходимый функционал для профессиональной работы с AI.

После завершения проектирования продукт был успешно реализован и запущен. Сегодня Skillful AI предоставляет пользователям единое пространство для создания, публикации и использования AI-агентов на разных устройствах.