Генеративный ИИ используется для создания проектов, но новый подход, управляемый AI, называемый Generative User Interface (Genui), выходит за рамки статического дизайна, позволяя веб-разработчикам использовать ИИ и данные для более персонализированных приложений и аналитических дисплеев.
Новый стек поговорил с Раби Шанкером Гуха, соучредителем и генеральным директором TheSys, о том, что означает генеративный пользовательский интерфейс для развития. Компания специализируется на интерфейсах, управляемых искусственным интеллектом, и создает Canvas, инструмент дизайна для разговорных продуктов искусственного интеллекта. Несколько инструментов и платформ предлагают функции, связанные с AI-активацией для генерации пользовательского интерфейса или генерации кодов для компонентов пользовательского интерфейса, таких как Github Copilot, Amazon Codewhisperer и Vercel’s V0.
В понедельник Thesys запустил новое предложение под названием C1, которое, по его словам, является первым API, созданным для предоставления возможностей Genui.
По словам Гуха, генеративный пользовательский интерфейс дает разработчикам способ создать динамически сгенерированные графические пользовательские интерфейсы, которые адаптируются к входам пользователей, контексту и предпочтениям для более персонализированного опыта.
«Это сильно отличается от дизайна A-A-A-Assist, которое в основном требует подсказки и преобразует его в дизайн. Но это похоже на то, чтобы помощник разработчика выполнял работу за вас»,-сказал Гуха. «Это может интерпретировать намерение. Он может интерпретировать данные. Он может интерпретировать… например, ваша геолокация [and] время дня, а затем представьте вам идеальный пользовательский интерфейс в режиме реального времени ».
Генеративный ИИ превосходит по намерению. Вы можете попросить ИИ помочь вам купить часы и явно накопить ее информацию о себе — о своей стране, ваш возраст, свой пол, то, что вы хотели бы в часах — и это принесет рекомендации.
C1, по его словам, берет на себя эту концепцию намерения и создает из него интерфейс. Он сочетает в себе удобство использования современных приложений с коэффициентом интеллекта искусственного интеллекта — все это используется через API.
«C1 API мосты, этот разрыв», — сказал Гуха. «А теперь все агенты ИИ в мире или интерфейсы власти ИИ в мире могут иметь одинаковую доброту богатого визуального пользовательского интерфейса».
Новый рабочий процесс дизайна/frontend Dev
В настоящее время дизайнеры, как правило, работают в фигме или аналогичных инструментах дизайна, а затем передают дизайн разработчику, который его кодирует. Это может привести к головным болям перевода.
Гуха не видит C1 как инструмент для дизайнеров, но сказал, что может привести к миру, где дизайнеры и разработчики сосуществуют в том же решении.
«C1 от TheSys — это попытка преодолеть этот разрыв и принести весь этот интеллект ИИ и [large language models] С добротой традиционного UX,-сказал Гуха.-Мы можем сформировать все это в большую модель разработки, управляемую LLM ».
Комплект разработки программного обеспечения C1 (SDK) может быть интегрирован в веб -страницу или приложения с тремя строками кода React, что позволяет разработчикам начать играть с выходами посредством подсказки.
Одним из примеров, который компания использовала для демонстрации своих возможностей, является демонстрация фильмов «Гарри Поттер». Разработчик мог бы создать это в качестве списка, но дизайнер может порекомендовать карусель. Вместо того, чтобы кодировать это, разработчик может вернуться к C1 и сказать ему, чтобы отобразить актерский состав в карусели.
«В следующий раз, когда ваш пользователь спросит об этом, — сказал он, — теперь это карусель».
Карусель фильмов «Гарри Поттер», сделанный Thesys C1.
Решение C1 Generative UI
C1 работает в качестве замены для API LLM. Например, если разработчик frontend использует API Openai, разработчики могут переключить API OpenAI, изменив URL с библиотеки Openai на URL -адрес TheSys, чтобы начать проектирование в режиме реального времени с подсказками.
У C1 есть две части, сказал Гуха. Есть сам API, который предназначен для совместимости OpenAI. Это означает, что разработчики могут продолжать использовать свои любимые инструменты, такие как серверы протокола контекста модели (MCP) и существующие интеграции памяти, вместо того, чтобы изучать новые инструменты или решения.
Существует также TheSys frontend SDK, который может интегрироваться с существующей базой кода React -разработчика, добавил он. Решение Thesys совместимо со всем, что выше, React 18.
Это, как он пояснил, не реагирует. Он транслирует представление пользовательского интерфейса и, используя SDK, преобразуется для реагирования на потребительскую сторону.
C1 использует Crayon, лицензированный MIT, инструментарий пользовательского интерфейса для построения агентов ИИ. Он был создан TheSys, а ядро-это библиотека на основе React, которая устраняет управление государством и интеграцию бэкэнд. Он легкий и может быть интегрирован с любым HTTP-сервером, включая Langchain, Crewai или простой сервер FASTAPI, обслуживающий агент, управляемый LLM, согласно документации. Он предназначен для беспрепятственной интеграции с C1, но не зависит от этого.
Документация C1 показывает, что инструмент Genui использует антропный LLM Claude Sonnet 3.5. Компания планирует расширить предложения LLM, чтобы разработчики могли выбрать, какую модель они используют с C1.
Для разработчиков есть игровая площадка для изучения C1.
Популярные варианты использования: аналитика и формы
C1 не предназначен для создания простых целевых страниц.
«Если вы строите, например, целевую страницу для вашего портфеля, C1 от TheSys на самом деле не поможет вам», — сказал Гуха. «Но если вы думаете о переосмыслении своего программного обеспечения CRM с ИИ, то здесь действительно сияет C1 от TheSys».
Его реальная сила заключается в использовании данных, он сказал: «Люди могут использовать нас практически для всего, для чего они создают интерфейс ИИ, но если вы говорите о нашем опыте, то мы увидели самую большую победу с анализами, специфичными для аналитики. Аналитика-это одно из тех мест, где ИИ имеет очевидное преимущество над тем, что вы изучаете, например, Power BI, или вам нужно научиться создавать на панели продаж».
Один из них клиентов использует C1 для данных о продажах. Клиент уже создал решение, которое принесло данные из программного обеспечения в качестве решения в области услуг и других источников, а затем построил слой с OpenAI, который мог бы понять запросы и вернуть вывод. Пользователи могли бы спросить, сколько клиентов находится в стадии разработки в этом месяце, и это принесло бы все эти данные, подготовит их и даст результаты в тексте.
«Они уже строили это, но им было трудно понять, как визуализировать эти данные, как представить их естественным, интуитивно понятным образом», — сказал он. «У вас есть этот ответ в тексте, но текст, вероятно, не лучший способ представить эти данные. Иногда диаграмма может быть более естественным способом представления этих данных».
Компания заменила свою конечную точку Openai на API TheSys. Теперь клиент может задать множество вопросов, таких как «Сколько людей сейчас использует наш продукт?» или «Сколько клиентов мы потеряли?»
«Он генерирует живой компонент React на фронте, с кнопками, формами и всеми элементами», — сказал Гуха.
Другая компания приехала в этот продукт EDTECH с текстовой викториной: в основном она задавала вопрос, и пользователям пришлось ввести ответ на текстовое поле. C1 смог превратить викторину в форму с вопросами и кнопками с множественным выбором.
«Допустим, вы создаете версию AI очень простой викторины. Таким образом, вы использовали Open AI, и вы сказали, чтобы открыть ИИ:« Дайте мне 10 вопросов, и для каждого из этих 10 вопросов дайте мне четыре варианта, а затем ролевые викторины »,-сказал Гуха. «Мы в основном построены на вершине существующих LLM, поэтому мы понимаем весь этот контекст».
Он также понимает данные, добавил он. Таким образом, он будет генерировать представление вывода пользовательского интерфейса, предоставив разработчику эти 10 вопросов, но отдаст его как форму с множественными вариантами выбора, параметров кнопок.
«Это самые большие варианты использования, которые мы видим», — сказал Гуха. «Но небо — это предел того, что вы можете с ним сделать».
Trending Stories youtube.com/thenewstack Tech движется быстро, не пропустите эпизод. Подпишитесь на наш канал YouTube, чтобы транслировать все наши подкасты, интервью, демонстрации и многое другое. Группа подпишитесь с эскизом. Loraine Lawson — ветеран -репортер, который в течение 25 лет освещал технологические проблемы от интеграции данных до безопасности. Прежде чем присоединиться к новому стеку, она работала редактором Banking Technology Site Bank Automation News. Она … читайте больше от Лорейн Лоусон
