목록으로
📚개발 리소스

Hashbrown: Generative UI를 위한 TypeScript 프레임워크

LiveLoveApp

소개

Hashbrown은 React와 Angular에서 브라우저 네이티브 에이전트와 Generative UI를 구축하는 오픈소스 프레임워크입니다. 이 리소스 모음에서 특히 중요한 부분은 컴포넌트 제어 모델입니다. 개발자가 신뢰할 수 있는 UI 컴포넌트를 공개하면, LLM은 동적 화면을 구성해 페이지로 스트리밍하고 클라이언트 도구를 호출하며 텍스트뿐 아니라 구조화된 데이터를 다룹니다.

요약

Hashbrown을 살펴볼 이유:

1. 프레임워크 수준의 GenUI: Generative UI를 단순한 데모 대신 실서비스용 TypeScript 스택으로 제시합니다
2. 신뢰할 수 있는 컴포넌트 모델: LLM이 앱에 이미 있는 React 또는 Angular 컴포넌트로 화면을 구성할 수 있습니다
3. 클라이언트 도구 호출: 생성된 UI를 브라우저 상태 및 앱 서비스에 연결해 에이전트 중심 UX 구현에 도움을 줍니다
4. 구조화된 데이터 계층: 출력, 컴포넌트 속성, 도구 정의에 타입이 있는 스키마를 사용합니다
5. 리소스 모음에서의 역할: Vercel, OpenUI, Tambo 외의 React/Angular GenUI 프레임워크를 비교하는 팀에 유용한 참고 자료입니다

태그

hashbrownreactangulartool-callingagent-ui

관련 글

📚개발 리소스

CopilotKit for Vue: Native Generative UI over AG-UI

CopilotKit's November 2026 guide to its native Vue 3 SDK documents tool-call rendering with Vue components, reactive shared context, and human approval flows over AG-UI. It includes provider/chat wiring and a concrete confirmation component example, with links to the Vue quickstart and API reference.

generative-uivuecopilotkit
작성자 Nathan Tarbert, CopilotKit · 2026-11-02
리소스 보기
📚개발 리소스

Cloudflare D1: AI 생성 앱을 위한 데이터베이스 확장

Cloudflare D1의 공식 엔지니어링 글은 AI 생성 앱과 바이브 코딩 플랫폼을 뒷받침하는 데이터베이스 인프라를 설명합니다. 사용자, 애플리케이션, 미리보기 또는 테넌트별로 다수의 소규모 데이터베이스를 운영하도록 제어 영역을 확장하면서, 라우팅과 사용량 집계를 쿼리의 핵심 실행 경로에서 분리하는 방법을 다룹니다. Generative UI 개발자에게는 생성된 애플리케이션을 지속적으로 운영하기 위한 백엔드 아키텍처 참고 자료입니다.

cloudflare-d1ai-generated-appsvibe-coding
작성자 Cloudflare · 2026-10-13
리소스 보기
📚개발 리소스

Genkit Dart 1.0: Flutter를 위한 스트리밍 A2UI 통합

Google의 Genkit Dart 1.0 발표는 안정 버전의 AI 백엔드 코어를 genkit_a2ui와 연결해, 에이전트가 생성한 폼, 날짜 선택기, 확인 카드를 네이티브 Flutter 위젯으로 스트리밍하는 방법을 소개합니다. 연결된 구현 가이드는 카탈로그 검증, 스트리밍 방식의 화면 메시지, 사용자 동작을 다룹니다. Agents API와 A2UI 플러그인은 아직 프리뷰 단계입니다.

generative-uia2uidart
작성자 Chris Gill / Google · 2026-10-08
리소스 보기

Generative UI와 Intelligent UI 리소스를 엄선한 모음입니다.

정성을 담아 ❤️ 커뮤니티가 만들었습니다