Сила generative UI в ограничениях.
Пост навеян новой фичей Claude Builds Visuals — теперь умеет рисовать интерактивные визуализации прямо в чате.
Эта тема мне давно интересна, пошел разбираться как это устроено, нашел отличный технический блогпост — увлекательный реверс-инжиниринг. Claude вызывает внутренний tool show_widget, который инжектит HTML прямо в DOM страницы, и самое интересное это ограничения: минималистичная дизайн-система, последовательность строго «стили → контент → скрипты» чтобы виджет рисовался по мере генерации и не ломался. И прикольный трюк с read_me, по сути ленивая загрузка документации для экономии контекста. Автор пересобрал всю систему для терминального агента!
Неплохие примеры в действии можно посмотреть еще тут.
Эта история — частный случай более широкого тренда Generative UI и его можно делать двумя путями: генерировать полный код (HTML/React) с нуля: или генерировать конфиг по заданной схеме, а приложение само рендерит.
Vercel недавно выпустили json-render — фреймворк, который делает именно второе: AI → JSON → UI.
И еще более новый OpenUI — open-source фреймворк для генеративного UI. На 67% меньше токенов чем json-render, в 2-3x быстре. Стриминг-first.
Хорошую статью с обзором ландшафта generative UI написали CopilotKit, и еще в тему — Коля недавно показывал классный кейс использования Streamlit для похожей цели (по сути использование low-code для целей GenUI).
GenUI хорошо подходит для различных внутренних инструментов, дашбордов, систем аналитики и в образовательных целях — основной интерфейс стабилен, а в нужных местах генерируются динамические островки.
Так или иначе, лучший генеративный интерфейс рождается в ограничениях)
🔥 ➕ 🔁 @nobilix
Добавить комментарий