Скриншот чата по программе магистратуры в области архитектуры.

Цель: Создать реалистичный скриншот интерфейса чата ИИ, демонстрирующий изображение, связанное с генеративной технической инфографикой по теме «Технические принципы больших языковых моделей (LLM)». Скриншоты должны быть представлены в виде диалогов в современном веб-приложении, а не в виде отдельных рекламных плакатов. Холст: вертикальный скриншот 768×1024, светло-серый фон приложения, закругленные белые области контента, чистый шрифт без засечек, едва заметные тени, высокое разрешение, но текст в инфографике должен быть немного меньше, как в реальном встроенном сгенерированном изображении. Макет интерфейса чата: в верхнем левом углу отображается небольшой круглый аватар пользователя, заголовок чата «Визуализация архитектуры LLM» и небольшая стрелка раскрывающегося списка; в верхнем правом углу отображается простая вкладка «Файлы» и значок. Ниже находится выровненное по центру/правому краю закругленное сообщение пользователя с текстом: «создайте изображение, объясняющее, как технически работают LLM». Ниже находится строка состояния с надписью «Задача Scira выполнена», мигающим значком загрузки и стрелкой. Основное сгенерированное изображение отображается ниже в виде большой прямоугольной карточки со скругленными углами. Под изображением находится пояснительный текст от помощника: «Изображение выше — это подробная техническая инфографика, демонстрирующая принцип работы больших языковых моделей. Ниже приведено подробное описание каждого показанного компонента:», за которым следует выделенный жирным шрифтом заголовок раздела «Токенизация: от текста к числам». Внизу находится закругленное поле ввода с заполнителем «Задать вопрос…», кнопка «плюс» слева и небольшие элементы управления инструментами/моделями, метка модели «Kimi K2.6», выпадающее меню и круглая кнопка голосового ввода справа. Генеративная инфографика в чате: Создайте сине-белый технический образовательный плакат с большим темно-синим заголовком, написанным заглавными буквами: «КАК РАБОТАЮТ БОЛЬШИЕ ЯЗЫКОВЫЕ МОДЕЛИ (LLM)». Используйте белый фон, темно-синюю обводку, светло-синие акценты, закругленные панели и стрелки, соединяющие шаги, микродиаграммы, формулы, таблицы и значки. Плакат должен быть насыщен информацией и тяготеть к инженерному подходу. Раздел инфографики: Использует 8 обозначенных панелей/областей: 1. Панель «ВХОД: ТОКЕНИЗАЦИЯ»: Отображает текстовое поле, содержащее предложение «Быстрая коричневая лиса перепрыгивает через ленивую собаку», модуль токенизации, поля для токенов слов и поля для идентификаторов токенов. 2. Панель «ЭМБЕДДИНГИ»: Отображает идентификаторы токенов, преобразованные в плотные векторы, и таблицу с числовыми значениями эмбеддингов. 3. Панель «АРХИТЕКТУРА ТРАНСФОРМЕРА»: Отображает расположенные друг над другом модули Трансформера, включая Add & Norm, Feed-Forward Network, Multi-Head Self-Attention, входной эмбеддинг, позиционное кодирование и обозначение повторения слоев. 4A. «МЕХАНИЗМ САМОВНИМ ВНИМАНИЕМ (ВНУТРИ ОДНОЙ ГОЛОВЫ)»: В нижней левой панели отображается входное векторное представление, запросы, ключи, значения, оценки внимания, функция softmax, веса внимания, взвешенная сумма и матрицы формул. 4B. Панель «ВНИМАНИЕ: ТОКЕНЫ ВНИМАТЕЛЬНО ОБРАЩАЮТ ВНИМАНИЕ ДРУГ К ДРУГУ»: Отображает сетевой граф токенов в примере предложения, соединенных синими линиями, и включает полосы весов внимания. 5. Панель «ВЫХОД: ПРЕДСКАЗАНИЕ СЛЕДУЮЩЕГО ТОКЕНА»: Отображает полосы распределения вероятностей для кандидатов на следующий токен (например, cat, sat, on, the, mat, roof) и выделяет предсказанный следующий токен «the». 6. «ОБУЧЕНИЕ: ПРЕДВАРИТЕЛЬНОЕ ОБУЧЕНИЕ С ПРЕДСКАЗАНИЕМ СЛЕДУЮЩЕГО ТОКЕНА»: Нижняя панель разделена на 5 мини-карточек: большой текстовый корпус, создание обучающих примеров, предсказание модели, расчет потерь и обратное распространение ошибки/обновление. 7. Нижняя стрелка потока с текстом: «Повторять для миллиардов примеров на протяжении многих эпох до сходимости». 8. В правом нижнем углу аннотация результата со значком мозга, объясняющая, как модель изучает распространенные языковые шаблоны и знания. Визуальный стиль: Четкие векторные инфографики, академические и удобные для пользователя, с темно-синими заголовками, средне-синими рамками, светло-синей заливкой, микротаблицами и диаграммами, четкими стрелками, закругленными карточками и одинаковым интервалом. Встроенные инфографики должны выглядеть как образовательная диаграмма, сгенерированная ИИ, с плотным, но в основном читаемым текстом. Ограничения: Весь текст пользовательского интерфейса должен оставаться на английском языке. Не добавлять водяные знаки. Сохранять видимые рамки скриншотов чата и большие встроенные инфографики. Использовать указанные 8 областей инфографики и 5 мини-карточек в панели обучения.