Назад к списку
📚Ресурсы

AI is the new UI: Generative UI with FastHTML

Pol Alvarez Vecino
2025-04

О материале

Глубокий tutorial Pol Alvarez Vecino о создании интерактивных Generative UI applications с FastHTML и HTMX менее чем в 150 строк кода. Статья проходит путь от text-only chat interfaces к display-only GenUI и fully interactive GenUI, объясняя, как hypermedia approach убирает contract coupling между frontend и backend и позволяет LLM генерировать действительно dynamic interfaces.

Краткое содержание

FastHTML + HTMX tutorial:

1. Minimal code: Полное GenUI app менее чем в 150 строк
2. Hypermedia approach: Убирает frontend-backend contract coupling
3. Evolution path: От text chat к display-only и fully interactive UI
4. Python-based: Использует FastHTML для rapid development
5. HTMX integration: Dynamic updates без сложного JavaScript

Ключевая инновация: LLM генерирует HTML напрямую, без необходимости в JSON APIs

Теги

mediumfasthtmlhtmxtutorialpython
Открыть ресурс

Похожие материалы

📚Ресурсы

ag-ui-protocol/ag-ui

Официальный репозиторий протокола AG-UI, который описывает слой agent-user interaction для подключения агентов к frontend-приложениям. Он особенно полезен тем, что находится ниже уровня отдельных демо: задает транспорт и модель событий, через которые agent backends стримят сообщения, активность tools и обновления UI в реальные продукты на разных клиентах.

protocolagent-uiopen-source
от AG-UI Contributors · 2026-06
Открыть ресурс
📚Ресурсы

A2UI + MCP Apps: как объединять declarative и custom agentic UIs

Официальная архитектурная статья Google Developers Blog о сочетании A2UI с MCP Apps. Она ценна тем, что выходит за рамки одиночных анонсов протоколов и показывает три конкретных integration patterns: передача A2UI payloads через MCP, embedding MCP Apps внутри A2UI components и запуск A2UI renderers внутри MCP Apps.

googlea2uimcp-apps
от Google A2UI Team · 2026-06
Открыть ресурс
📚Ресурсы

syntux - Build Generative UIs for the Web

Syntux - open-source React library для генерации web interfaces из переданного value и optional UI hints. Она использует flat JSON-DSL под названием React Interface Schema, поддерживает streaming, custom components, caching и reactive regeneration, поэтому полезна как reference для data-to-interface GenUI, а не только chat assistant surfaces.

syntuxreactjson-dsl
от Puffinsoft · 2026-05
Открыть ресурс

Подборка ресурсов по Generative UI, GenUI и генеративным интерфейсам.

Сделано с ❤️ сообществом