Локальные компоненты и проверка макетов
Использовал AI для сборки компонентов и поиска расхождений. Решения о структуре и исправлениях принимал по контексту продукта.
Попробовать решениеДемонстрационная реконструкция. Оригинальные макеты и данные под NDA. Интерактивные примеры созданы для портфолио: компоновка, названия, значения и схемы изменены. Они объясняют принцип решения, а не воспроизводят продукт.
Одна настройка — два экземпляра
Добавьте раздел, затем проверьте фон блока в тёмной теме.
Демонстрационная реконструкция · вымышленные данные и новая компоновка. Все действия локальные.
Широкий экран
Параметры выбранного сервиса
Узкий экран
Параметры выбранного сервиса
Изменение набора разделов применяется к обоим экземплярам.
Настроить навигацию поверх общей библиотеки
Универсальный хедер поддерживает отдельная команда. Для Артерии выбрал локальную обёртку: разделы и активное состояние настраиваются в одном месте и распространяются на экземпляры. Сборку делегировал агенту, результат проверял в макетах.
Проверять связку форматов и тем
У интерфейса несколько размеров, две темы и состояния авторизации. Я задавал агенту проверки структуры, названий и совпадающих текстов. Полученный список расхождений разбирал перед исправлением.
Исправлять причину расхождения
При проверке тёмной темы в сервисных блоках обнаружились светлые фоны с фиксированным цветом. Текст уже менял тему, поверхность — нет. Локальные фоны перевёл на семантические токены и сверил оба режима; корпоративную библиотеку менять не понадобилось.
Что получилось
Настройки локального компонента распространяются по макетам, а первичная проверка собирает расхождения для разбора. Общую экономию времени не измерял. Демо отдельно показывает эти два принципа на вымышленном интерфейсе.
Другие истории
Карта: найти станцию и перейти к сервису
Разделил состояние станции, зону и доступ к сервисам. Проработал поиск, получение параметров и запрос данных с отдельными сценариями ошибок и повтора.
Design Hub: от сценария к задаче разработки
Собрал локальный инструмент, который связывает пользовательскую историю, работу дизайнера и вопросы к команде. После ручного переноса в Jira новые изменения видны отдельно.
Прототип карты: поиск и панель в действии
Собираю демонстрационные сценарии по макетам, чтобы команда могла пройти путь целиком: от открытия карты до выбора станции.
Объяснить сеть последовательностью слайдов
Для стендовой серии выстроил рассказ о географии сети и дополнительном слое V-RS. Отдельно уточнил, что именно обещает карта.